Secrets by Specification

CSS Animations

w3.org/TR/css-animations

42 Elastic transitions

43 Frame-by-frame animations

44 Blinking

45 Typing animation

46 Smooth state animations

47 Animation along a circular path

CSS Backgrounds & Borders

w3.org/TR/css-backgrounds

1 Translucent borders

2 Multiple borders

3 Flexible background positioning

4 Inner rounding

5 Striped backgrounds

6 Complex background patterns

7 (Pseudo)random backgrounds

8 Continuous image borders

9 Flexible ellipses

12 Cutout corners

14 Simple pie charts

15 One-sided shadows

19 Folded corner effect

22 Zebra-striped text lines

26 Custom underlines

30 Extending the clickable area

32 De-emphasize by dimming

34 Scrolling hints

35 Interactive image comparison

CSS Backgrounds & Borders Level 4

dev.w3.org/csswg/css-backgrounds-4

12 Cutout corners

CSS Basic User Interface

w3.org/TR/css3-ui

2 Multiple borders

4 Inner rounding

35 Interactive image comparison

CSS Box Alignment

w3.org/TR/css-align

40 Vertical centering

CSS Flexible Box Layout

w3.org/TR/css-flexbox

40 Vertical centering

41 Sticky footers

CSS Fonts

w3.org/TR/css-fonts

24 Ligatures

25 Fancy ampersands

CSS Image Values

w3.org/TR/css-images

5 Striped backgrounds

6 Complex background patterns

7 (Pseudo)random backgrounds

8 Continuous image borders

12 Cutout corners

14 Simple pie charts

19 Folded corner effect

22 Zebra-striped text lines

26 Custom underlines

34 Scrolling hints

35 Interactive image comparison

CSS Image Values Level 4

w3.org/TR/css4-images

5 Striped backgrounds ...

Get CSS Secrets now with the O’Reilly learning platform.

O’Reilly members experience books, live events, courses curated by job role, and more from O’Reilly and nearly 200 top publishers.

Start your free trial