Fun with Ruler
HR Elemente teils mit :before und :after Styles. Just for Fun!
Style: Guitar
Diese Variante hat :before und :after je eine box(position:absolute;) und verschiedene width
Style: Guitar2
Etwas breiter. Diese Variante hat :before und :after je eine box(position:absolute;) und verschiedene width
Style: Blocks
Etwas breiter. Diese Variante hat :before und :after je eine box(position:absolute;) und verschiedene width
Style: Blocks 2
SVG als BG-Image, contain, in einem 30px breiten :before, kein :after
Style: Herzi
SVG-Herz als BG-Image, contain, in einem 30px breiten :before, kein :after
Style: Lawyer
Content:"§"
Style: Gradient 1
Keine Pseudoelemente, nur background-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.75), rgba(0, 0, 0, 0))
Style: Mowing
:before und :after mit PNG Background-Images