SVG

Some nice SVG samples (see for more information)

svg.module.css
svg circle {
    fill: hotpink;
    transition: r 400ms, cy 600ms;
    
    &:hover {
      fill: gold;
      r: 100;
      cy: 100;
    }
}

Math

<math> example (see for more information)

x = − b ± b 2 − 4 ⁢ a ⁢ c 2 ⁢ a

Reading flow

(see for more information)

Before reading-flow: 1, 2, 3, 4
After reading-flow: 4, 2, 3, 1

Contain: layout

e.g. relative positioning without "relative"

Content

Copy text

Fixed