CSS Visual 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.
Image gallery with vertical scroll
CSS, Visual
Creates a horizontally scrollable image gallery.
Image gallery with horizontal scroll
CSS, Visual
Creates a horizontally scrollable image gallery.
Custom checkbox
CSS, Visual
Creates a styled checkbox with animation on state change.
Custom radio button
CSS, Visual
Creates a styled radio button with animation on state change.
List with floating section headings
CSS, Visual
Creates a list with floating headings for each section.
Image overlay on hover
CSS, Visual
Displays an image overlay effect on hover.
Mouse cursor gradient tracking
CSS, Visual
A hover effect where the gradient follows the mouse cursor.
Navigation list item hover and focus effect
CSS, Visual
Creates a custom hover and focus effect for navigation items, using CSS transformations.
Show additional content on hover
CSS, Visual
Creates a card that displays additional content on hover.
CSS Reset
CSS, Visual
A short, opinionated CSS reset to make your websites look great everywhere.
Squiggle link hover effect
CSS, Animation
Creates a squiggle effect when hovering over a link.
Card with image cutout
CSS, Visual
Creates a card with an image cutout.
List with sticky section headings
CSS, Visual
Creates a list with sticky headings for each section.
Image rotate on hover
CSS, Animation
Creates a rotate effect for the image on hover.
Input with prefix
CSS, Interactivity
Creates an input with a visual, non-editable prefix.