Featured
Most popular CSS effects
The library's 10,238 effects, ordered by views. They are all pure CSS: copy, paste, and use them with no library or build step.
Most viewed effects
Live preview Buttons
Live preview Buttons
Rainbow Hover Button
Plain button whose background cycles through the rainbow on hover.
Live preview Buttons
Live preview Buttons
Live preview Buttons
Live preview Buttons
Live preview Buttons
Live preview Buttons
Live preview Buttons
Live preview Buttons
Live preview Buttons
Live preview Buttons
Live preview Buttons
Live preview Buttons
Live preview Buttons
Live preview Buttons
Live preview Buttons
Ripple Ring Button
Concentric rings pulse outward from the button edge while the pointer rests on it.
Live preview Buttons
Live preview Buttons
Live preview Buttons
Live preview Buttons
Live preview Buttons
Live preview Buttons
Live preview Buttons
Live preview Buttons
Live preview Buttons
Live preview Buttons
Live preview Buttons
Rubber Band Button
Teal button that wobbles elastically like a rubber band on hover.
Live preview Buttons
Live preview Buttons
Live preview Buttons
Live preview Buttons
Live preview Buttons
Live preview Buttons
Live preview Buttons
Live preview Buttons
Live preview Buttons
Live preview Buttons
Live preview Buttons
Live preview Buttons
Live preview Buttons
Live preview Buttons
Live preview Buttons
Live preview Buttons
Live preview Buttons
Live preview Buttons
Live preview Buttons
Live preview Buttons
Live preview Buttons
Live preview Buttons
Live preview Buttons
Shake Button
Red alert button that shakes rapidly while hovered, then inverts on click.
Live preview Buttons
Live preview Buttons
Live preview Buttons
Live preview Buttons
Live preview Buttons
Live preview Buttons
Live preview Buttons
Live preview Buttons
Snake Border Button
A single bright emerald arc travels continuously around the perimeter.
Live preview Buttons
Live preview Buttons
Live preview Buttons
Live preview Buttons
Live preview Buttons
Live preview Buttons
Live preview Buttons
Live preview Buttons
Live preview Buttons
Live preview Buttons
Split Text Button
The label slides up out of view while a second message rises to replace it.
Live preview Buttons
Live preview Buttons
Spring Up Button
Orange button that springs up with overshoot easing on hover.
Live preview Buttons
Live preview Buttons
Live preview Buttons
Live preview Buttons
Live preview Buttons
Live preview Buttons
Live preview Buttons
Stitched Outline Button
A dashed stitch line sits inside the button and creeps around it on hover.
Live preview Buttons
Live preview Buttons
Live preview Buttons
Live preview Buttons
Live preview Buttons
Live preview Buttons
Live preview Buttons
Live preview Buttons
Live preview Buttons
Live preview Buttons
Live preview Buttons
Live preview Buttons
Live preview Buttons
Live preview Buttons
Live preview Buttons
Live preview Buttons
Live preview Buttons
Live preview Buttons
Browse by category
ButtonsCardsLoadersTextBackgroundsCheckboxesTogglesHover EffectsBadgesFormsNavigationTooltipsAccordionsAlertsAvatarsModalsProgressSlidersTabsTablesTimelinesMarquees