#hover CSS effects

3,025 free, pure-CSS effects match the "hover" tag. Each is copy-ready and needs no library or build step.

Live preview Tooltips

Tick Marks Top

Tooltip with tick-mark decorations along its top edge.

#hover #gradient #transform

Live preview Tooltips

Ticket Stub

Tooltip styled like a raffle ticket stub above the trigger.

#hover #gradient #transform

Live preview Tooltips

Top Left Corner

Tooltip appears at the top-left corner of the trigger.

#hover #transform #border

Live preview Tooltips

Top Right Corner

Tooltip appears at the top-right corner of the trigger.

#hover #transform #border

Live preview Tooltips

Topaz Yellow

Topaz yellow gem tooltip above the trigger.

#hover #gradient #transform

Live preview Tooltips

Toxic Waste

Toxic green ooze tooltip with neon glow above the trigger.

#hover #transform #shadow

Live preview Tooltips

Turquoise Sea

Bright turquoise tooltip reminiscent of clear sea water.

#hover #transform #shadow

Live preview Tooltips

Typewriter Fast

Fast typewriter tooltip above the trigger.

#hover #animation #transform

Live preview Tooltips

Typewriter Top

Tooltip text types itself out character by character.

#hover #animation #transform

Live preview Tooltips

Typing Cursor

Tooltip text types out with a blinking cursor above the trigger.

#hover #animation #transform

Live preview Tooltips

Unblur Out

Tooltip starts sharp and unblurs to focus above the trigger.

#hover #transform #border

Live preview Tooltips

Underline Draw

Tooltip with animated underline drawing above the trigger.

#hover #gradient #transform

Live preview Tooltips

User Card

User card tooltip with avatar and details above the trigger.

#hover #gradient #transform

Live preview Tooltips

Vaporwave Tip

Vaporwave pink-cyan gradient tooltip above the trigger.

#hover #gradient #transform

Live preview Tooltips

Version Tag

Version tag tooltip above the trigger.

#hover #transform #border

Live preview Tooltips

Vibrate Buzz

Tooltip that vibrates with a subtle buzz on hover.

#hover #animation #transform

Live preview Tooltips

Vintage Postage

Vintage postage stamp tooltip with perforated edges.

#hover #transform #shadow

Live preview Tooltips

Violet Dream

Soft violet dreamy tooltip above the trigger.

#hover #gradient #transform

Live preview Tooltips

Volcano Erupt

Volcano-erupt tooltip with molten red-orange glow.

#hover #gradient #transform

Live preview Tooltips

Watercolor

Watercolor paint tooltip with soft edges above the trigger.

#hover #gradient #transform

Live preview Tooltips

Wave Pattern Background

Tooltip with a wavy background pattern.

#hover #gradient #transform

Live preview Tooltips

Wave Tip

Tooltip that waves into view above the trigger.

#hover #animation #transform

Live preview Tooltips

Winter Snowflake

Frosty winter-snowflake tooltip with cool blue tones.

#hover #gradient #transform

Live preview Tooltips

Wobble Top

Tooltip wobbles side to side before settling above the trigger.

#hover #animation #transform

Live preview Tooltips

Wood Grain

Wood-grain texture tooltip above the trigger.

#hover #gradient #transform

Live preview Tooltips

Word Stagger

Tooltip words stagger into view above the trigger.

#hover #transform #border

Live preview Tooltips

Yellow Sticky

Yellow sticky note tooltip with shadow above the trigger.

#hover #transform #shadow

Live preview Tooltips

Zigzag Pattern Background

Tooltip with a zigzag background pattern.

#hover #gradient #transform

Live preview Tooltips

Zoom Blur Combo

Tooltip that combines zoom-in with a blur-to-focus transition.

#hover #transform #border

Live preview Tooltips

Zoom In Bottom

Tooltip zooms in from small to full size below the trigger.

#hover #transform #border

Live preview Tooltips

Zoom In Left

Tooltip zooms in from small to full size on the left.

#hover #transform #border

Live preview Tooltips

Zoom In Top

Tooltip zooms in from far away above the trigger.

#hover #transform #border

Live preview Tooltips

Zoom On Hover

Tooltip that zooms larger on hover above the trigger.

#hover #animation #transform

Live preview Tooltips

Zoom Out Bottom

Tooltip zooms out from oversized to normal below the trigger.

#hover #transform #border

Live preview Tooltips

Zoom Out Left

Tooltip zooms out from oversized to normal on the left.

#hover #transform #border

Live preview Timelines

Anvil Event Log

Timestamped machine lines carry their own level chip and the error row keeps a caret blinking.

#animation #hover #log

Live preview Timelines

Arc Filmstrip Timeline

A sprocketed strip of film carries three chapters of a story arc and lifts the hovered frame.

#gradient #hover #film

Live preview Timelines

Brass Zigzag Timeline

Cards alternate left and right of a brass rail, each pinned to it by a small stud.

#layout #hover #transform

Live preview Timelines

Chalk Minimal Timeline

A rail free chalk list marks each moment with a short tick that stretches on hover.

#hover #transition #minimal

Live preview Timelines

Chassis Order Stages

Every production stage sits inside a bracketed frame that lights up when hovered.

#border #hover #cards

Live preview Timelines

Echo Recall Timeline

Memories recede into the distance, shrinking and fading until a hover brings one back.

#hover #transition #minimal

Live preview Timelines

Harbor Social Feed

A thread line links round gradient avatars down an activity feed with ages on the right.

#feed #avatar #hover

Live preview Timelines

Ivory Clock Feed

An ivory activity feed stamps each row with a monospace clock chip and slides on hover.

#hover #transition #feed

Live preview Timelines

Lattice Stack Timeline

Build layers pile up as sheared plates that widen as the assembly goes down.

#transform #hover #layers

Live preview Timelines

Rivet Assembly Steps

Numbered part codes hang off a rail whose domed rivet heads turn under the cursor.

#gradient #hover #steps

Live preview Timelines

Tide Expanding Strip

Three tide phases share one strip and the hovered phase widens to show its reading.

#hover #transition #flexbox

Live preview Timelines

Zinc Expanding Timeline

Hovering a zinc row unfolds a hidden detail line and swells its marker at once.

#hover #transition #reveal

Popular tags