#hover CSS effects
3,025 free, pure-CSS effects match the "hover" tag. Each is copy-ready and needs no library or build step.
Effects tagged #hover
Glow Pulse Ring
A button with an expanding glow ring that pulses outward continuously.
Gradient Pulse Button
A button with an animated gradient background that shifts colors on hover.
Gradient Text Button
Transparent button with animated gradient-clipped text fill.
Heartbeat Pulse Button
Rose button that throbs like a beating heart, faster on hover.
High Voltage Button
Danger button with a yellow caution stripe and voltage glow.
Holographic Shimmer Button
Iridescent holographic foil that shifts rainbow colors across the button.
Hum Vibration Button
Subtle button that hums with tiny vibrations on hover.
Icon Swap Button
Plus icon slides up and out, replaced by a green checkmark sliding in.
Ink Bleed Button
Dark ink blob bleeds out from the center with an organic morphing edge.
Ink Drop Button
Button with an ink drop splashing into its background on hover.
Jade Stone Button
Polished jade-green button with a translucent stone sheen.