CSS Snippets
The CSS snippet collection contains utilities and interactive examples for CSS3. It includes modern techniques for creating commonly-used layouts, styling and animating elements, as well as snippets for handling user interactions.
Zoom in zoom out animation
CSS, Animation
Creates a zoom in zoom out animation.
Constant width to height ratio
CSS, Layout
Ensures that an element with variable
widthwill retain a proportionateheightvalue.Disable selection
CSS, Interactivity
Makes the content unselectable.
Sibling fade
CSS, Interactivity
Fades out the siblings of a hovered item.
CSS units Cheat Sheet
CSS, Layout
Learn everything you need to know about CSS units with this handy cheatsheet.
Custom text selection
CSS, Visual
Changes the styling of text selection.
Display table centering
CSS, Layout
Vertically and horizontally centers a child element within its parent element, using
display: table.Fluid typography
CSS, Visual
Creates text that scales according to the viewport width.
Checkerboard background pattern
CSS, Visual
Creates a checkerboard background pattern.
Polka dot background pattern
CSS, Visual
Creates a polka dot background pattern.
Stripes background pattern
CSS, Visual
Creates a stripes background pattern.
Zig zag background pattern
CSS, Visual
Creates a zig zag background pattern.
Circle
CSS, Visual
Creates a circular shape with pure CSS.
Transform centering
CSS, Layout
Vertically and horizontally centers a child element within its parent element using CSS transforms.
Triangle
CSS, Visual
Creates a triangular shape with pure CSS.