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.
A hover effect where the gradient follows the mouse cursor.
Creates a horizontally scrollable container that will snap on elements when scrolling.
Creates a scrollable container that will snap on elements when scrolling.
Creates an input with a visual, non-editable prefix.
Learn how to make your CSS transitions feel perfect when users interact with elements on the page with this simple tip.
Changes the appearance of a form if any of its children are focused.
Displays a hamburger menu which transitions to a cross button on hover.
Reveals an interactive popout menu on hover/focus.
Creates a toggle switch with CSS only.
Fades out the siblings of a hovered item.
Makes the content unselectable.