#hover CSS effects

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

Live preview Tooltips

Speech Bubble Left

Cartoon speech bubble tooltip with tail on the left side.

#hover #transform #border

Live preview Tooltips

Speech Bubble Right

Cartoon speech bubble tooltip with tail on the right side.

#hover #transform #border

Live preview Tooltips

Speech Bubble Top

Cartoon speech bubble tooltip with tail above the trigger.

#hover #transform #border

Live preview Tooltips

Spinner Tip

Spinner loader tooltip above the trigger.

#hover #animation #transform

Live preview Tooltips

Spiral Tip

Tooltip that spirals into view above the trigger.

#hover #animation #transform

Live preview Tooltips

Spotlight Radial

Tooltip with a radial spotlight gradient highlighting its center.

#hover #gradient #transform

Live preview Tooltips

Spring Back

Tooltip that springs back into place with overshoot.

#hover #transform #border

Live preview Tooltips

Spring Bloom

Soft pastel spring-bloom tooltip with floral hints.

#hover #gradient #transform

Live preview Tooltips

Spring Left

Elastic spring tooltip that overshoots in from the left.

#hover #transform #border

Live preview Tooltips

Spring Right

Elastic spring tooltip that overshoots in from the right.

#hover #transform #border

Live preview Tooltips

Spring Top

Tooltip bounces with a spring overshoot above the trigger.

#hover #transform #border

Live preview Tooltips

Sprint Card

Sprint card tooltip above the trigger.

#hover #transform #shadow

Live preview Tooltips

St Patrick Clover

Lucky green St Patrick's Day clover tooltip.

#hover #gradient #transform

Live preview Tooltips

Stack Flip

Tooltip that flips from a stack above the trigger.

#hover #transform #shadow

Live preview Tooltips

Stamp Imprint

Tooltip styled like an ink stamp imprint.

#hover #transform #border

Live preview Tooltips

Stamp Press

Tooltip pressed like a stamp above the trigger.

#hover #transform #shadow

Live preview Tooltips

Star Clip

Tooltip reveals from a star shape above the trigger.

#hover #transform #border

Live preview Tooltips

Stat Display

Statistics display tooltip above the trigger.

#hover #transform #shadow

Live preview Tooltips

Static TV

Tooltip shows TV static before content above the trigger.

#hover #animation #gradient

Live preview Tooltips

Status Busy

Busy status tooltip with red dot above the trigger.

#hover #transform #shadow

Live preview Tooltips

Status Offline

Offline status tooltip with grey dot above the trigger.

#hover #transform #border

Live preview Tooltips

Status Pill

Pill-shaped status tooltip above the trigger.

#hover #transform #shadow

Live preview Tooltips

Step Counter

Tooltip with step counter indicator above the trigger.

#hover #transform #border

Live preview Tooltips

Sticker Peel

Tooltip that peels up like a sticker above the trigger.

#hover #transform #shadow

Live preview Tooltips

Sticker Tape

Tooltip styled like a piece of washi tape above the trigger.

#hover #transform

Live preview Tooltips

Sticky Note

Yellow sticky note tooltip with curl above the trigger.

#hover #transform #shadow

Live preview Tooltips

Stock Status

Stock availability status tooltip above the trigger.

#hover #transform #border

Live preview Tooltips

Stretch X

Tooltip stretches horizontally into view above the trigger.

#hover #transform #border

Live preview Tooltips

Stretch Y

Tooltip stretches vertically into view above the trigger.

#hover #transform #border

Live preview Tooltips

Strike Through

Tooltip with animated strike-through drawing above the trigger.

#hover #transform #border

Live preview Tooltips

Diagonal Stripe Background

Tooltip with diagonal candy-stripe background pattern.

#hover #gradient #transform

Live preview Tooltips

Horizontal Stripe Background

Tooltip with horizontal candy-stripe background pattern.

#hover #gradient #transform

Live preview Tooltips

Vertical Stripe Background

Tooltip with vertical candy-stripe background pattern.

#hover #gradient #transform

Live preview Tooltips

Success Toast

Toast-style success tooltip above the trigger.

#hover #transform #shadow

Live preview Tooltips

Summer Sun

Bright summer-sun tooltip with warm yellow glow.

#hover #gradient #transform

Live preview Tooltips

Sun Flare

Sun flare tooltip with bright golden radiating glow.

#hover #gradient #transform

Live preview Tooltips

Sunrise Glow

Warm sunrise gradient tooltip with golden glow.

#hover #gradient #transform

Live preview Tooltips

Sunset Blaze

Vibrant sunset-blaze gradient tooltip.

#hover #gradient #transform

Live preview Tooltips

Sunset Gradient

Warm sunset gradient tooltip above the trigger.

#hover #gradient #transform

Live preview Tooltips

Supernova Burst

Supernova burst tooltip with radiating white-yellow explosion.

#hover #gradient #transform

Live preview Tooltips

Swing Top

Tooltip swings in like a pendulum above the trigger.

#hover #transform #border

Live preview Tooltips

Tada Success

Success tooltip celebrates with a tada animation above the trigger.

#hover #animation #transform

Live preview Tooltips

Tag Label

Tooltip styled like a price tag label above the trigger.

#hover #transform

Live preview Tooltips

Teal Glass

Teal frosted glass tooltip with blur above the trigger.

#hover #transform #shadow

Live preview Tooltips

Terminal Amber

Amber CRT terminal tooltip above the trigger.

#hover #transform #shadow

Live preview Tooltips

Terminal Green

Classic green terminal tooltip above the trigger.

#hover #transform #shadow

Live preview Tooltips

Terminal Output

Terminal output style tooltip above the trigger.

#hover #transform #shadow

Live preview Tooltips

Terracotta Clay

Earthy terracotta tooltip with a textured clay feel.

#hover #gradient #transform

Live preview Tooltips

Thanksgiving Leaf

Autumn leaf-styled Thanksgiving tooltip.

#hover #gradient #transform

Live preview Tooltips

Thunder Electric

Electric thunder yellow tooltip above the trigger.

#hover #transform #shadow

Live preview Tooltips

Thunderstorm Night

Dark stormy night tooltip with electric lightning accent.

#hover #gradient #transform

Live preview Tooltips

Tick Marks Bottom

Tooltip with tick-mark decorations along its bottom edge.

#hover #gradient #transform

Live preview Tooltips

Tick Marks Left

Tooltip with tick-mark decorations along its left edge.

#hover #gradient #transform

Live preview Tooltips

Tick Marks Right

Tooltip with tick-mark decorations along its right edge.

#hover #gradient #transform

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

Valentine Heart

Romantic pink valentine heart tooltip.

#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 Right

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

#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 Tooltips

Zoom Out Right

Tooltip zooms out from oversized to normal on the right.

#hover #transform #border

Live preview Tooltips

Zoom Out Top

Tooltip zooms from tiny to full size above the trigger.

#hover #transform #border

Popular tags