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.
CSS, Animation
Creates a zoom in zoom out animation.
CSS, Layout
Ensures that an element with variable width
will retain a proportionate height
value.
CSS, Interactivity
Makes the content unselectable.
CSS, Interactivity
Fades out the siblings of a hovered item.
CSS, Layout
Learn everything you need to know about CSS units with this handy cheatsheet.
CSS, Visual
Changes the styling of text selection.
CSS, Layout
Vertically and horizontally centers a child element within its parent element, using display: table
.
CSS, Visual
Creates text that scales according to the viewport width.
CSS, Visual
Creates a checkerboard background pattern.
CSS, Visual
Creates a polka dot background pattern.
CSS, Visual
Creates a stripes background pattern.
CSS, Visual
Creates a zig zag background pattern.
CSS, Visual
Creates a circular shape with pure CSS.
CSS, Layout
Vertically and horizontally centers a child element within its parent element using CSS transforms.
CSS, Visual
Creates a triangular shape with pure CSS.