CSS Secrets

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 ...