Introduction About CSS Tricks Borders & Backgrounds Translucent borders Multiple borders Inner rounding Background position Striped backgrounds One pixel line Shapes Ellipse Parallelograms Cutout corners Pie charts Poptip Polygon Visual Effects Common shadows Irregular shadows Frosted glass effect Zebra-striped effect Text effects Circular text Line breaks Image contrast widget User Experience Mouse cursor Extend hit area Custom checkboxes Custom radios Custom switch Input align Shadow weaken background Blurry weaken background Text underlines Custom scrollbar Structure & Layout Full background fixed content Sticky footer Centered Holy grail layout Double wing layout Class order layout Flexbox layout Transition & Animations Bounce Elastic Blink Typing Shake Smooth Circular smooth Other Code snippets Custom variables Interesting usage