Most Popular CSS Effects (Page 3)

Live preview Hover

Flip Card

Card flips in 3D to reveal its back face on hover.

#gradient #hover #3d

Live preview Hover

Metallic Sheen Frame

Metallic gradient sheen sweeps the frame on hover.

#hover #animation #gradient

Live preview Hover

Glow Beam Vertical

Vertical light beam sweeps on hover.

#hover #gradient #transform

Live preview Hover

Glow Laser Grid

Laser grid lines light up on hover.

#hover #gradient #shadow

Live preview Hover

Jelly Wobble

Element wobbles like jelly on hover.

#hover #animation #transform

Live preview Hover

Stripes Diagonal Mask

Diagonal stripes sweep across on hover.

#hover #gradient #transform

Live preview Hover

Stripes Vertical Mask

Vertical stripes cascade down on hover.

#hover #gradient #transform

Live preview Hover

Rainbow Arcs

Rainbow arcs shimmer on hover.

#hover #animation #gradient

Live preview Hover

Rain Drops

Rain streaks fall on hover.

#hover #animation #gradient

Live preview Hover

Mega Shake

Violent mega shake on hover.

#hover #animation #transform

Live preview Hover

Spotlight Dim Warm

Dim warm spotlight on hover.

#hover #gradient

Live preview Hover

Squash Pancake

Squashes flat as pancake on hover.

#hover #transform

Live preview Hover

Text Blur Focus

Text blurs then focuses on hover.

#hover #filter

Live preview Hover

Fast Typewriter

Fast typewriter effect on hover.

#hover

Live preview Hover

Center-Out Underline

An underline grows outward from the link's center on hover.

#hover #css

Live preview Hover

Horizontal Wobble

Horizontal wobble motion on hover.

#hover #animation #transform

Live preview Loaders

Asteroid Belt

Asteroids orbiting in a belt formation.

#animation #gradient #transform

Live preview Loaders

Banjo Strum

Banjo strings being strummed.

#animation #gradient #transform

Live preview Loaders

Black Hole

A swirling multicolor accretion disk being consumed by a dark core.

#gradient #animation #shadow

Live preview Loaders

Boxing Glove

Boxing glove jabbing back and forth like a punching bag.

#animation #gradient #transform

Live preview Loaders

Brownie Bite

Brownie with bite marks.

#animation #gradient #transform

Live preview Loaders

Brushless Motor

Brushless motor with smooth rotation.

#animation #transform

Live preview Loaders

Cannon Fire

Cannon with periodic fire burst.

#animation #gradient #transform

Live preview Loaders

Chess Knight

Chess knight piece moving.

#animation #gradient #transform

Live preview Loaders

Dart Throw Flight

Dart flying toward board.

#animation #gradient #transform

Live preview Loaders

Elevator

Elevator car rising and falling inside its shaft.

#animation #gradient #border

Live preview Loaders

Flute

Flute with finger keys pressing in a melody pattern.

#animation #gradient #transform

Live preview Loaders

Game Boy

Classic handheld Game Boy with a flickering screen.

#animation #gradient #transform

Live preview Loaders

Ice Cube Melt

Ice cube slowly melting into a puddle of water.

#animation #gradient #transform

Live preview Loaders

Joker Grin

Joker card with shifting grin.

#animation #gradient #transform

Live preview Loaders

Mandala Spin

Symmetric mandala pattern spinning.

#animation #transform

Live preview Loaders

Merry-Go-Round

Rotating platform with three colored horses spinning around.

#animation #gradient #transform

Live preview Loaders

Pearl Glow

Pearl with soft iridescent glow.

#animation #gradient #transform

Live preview Loaders

Pentagon Flower Spin

Five-petal flower spinning.

#animation #transform

Live preview Loaders

Pole Vault

Pole vaulter going over bar.

#animation #gradient #transform

Live preview Loaders

Rolling Pin

Rolling pin spinning back and forth over dough.

#animation #gradient #transform

Live preview Loaders

Santa Sleigh Fly

Santa's sleigh flying across.

#animation #gradient #transform

Live preview Loaders

Satellite Dish

Satellite dish emitting signal waves.

#animation #gradient #transform

Live preview Loaders

Saxophone

Saxophone with keys pressing along its curved body.

#animation #gradient #transform

Live preview Loaders

Sextant

Sextant arc with swinging arm.

#animation #transform #border

Live preview Loaders

Spark Fly

Sparks flying upward.

#animation #transform #shadow

Live preview Loaders

Stepper Motor

Stepper motor stepping in increments.

#animation #gradient #transform

Live preview Loaders

Tomato Slice

Tomato slice with seed pattern.

#animation #gradient #transform

Live preview Navigation

Circle Hamburger

Hamburger inside a circle that morphs on hover.

#hover #transform #border

Live preview Navigation

Flip Hamburger

Hamburger that flips on Y axis.

#hover #transform #border

Live preview Navigation

Hover Glow Breadcrumbs

Breadcrumbs with glow on hover.

#hover #shadow

Live preview Navigation

Zigzag Trail Breadcrumbs

Breadcrumbs with zigzag pattern separators.

#hover #transform

Live preview Navigation

Push Content Left Drawer Navbar

Left drawer pushes the main content rightward when opening.

#hover #animation #border

Live preview Navigation

Gradient Flow Navbar

Navbar with an animated gradient background flowing across links.

#hover #animation #gradient

Live preview Navigation

3D Icon Nav

3D extruded icon navigation.

#hover #gradient #transform

Live preview Navigation

Vertical List Menu

Simple vertical list menu.

#hover #gradient #shadow

Live preview Navigation

Step Bar Fill Nav

Horizontal stepper where each segment fills a progress bar on hover.

#hover #gradient #transform

Live preview Navigation

Underline Segmented Control

Segmented control with an underline indicator that slides between items.

#hover #transform #border

Live preview Navigation

Floating Sidebar

Floating detached sidebar with deep shadow.

#hover #gradient #transform

Live preview Navigation

Split Divider Line Navbar

Nav links separated by thin vertical divider lines.

#hover #shadow

Live preview Navigation

Split Line Gradient Flow Navbar

Nav links separated by animated gradient line dividers.

#hover #animation #gradient

Live preview Navigation

Stamp Ink Press Nav

Active link stamps down with an inked impression effect.

#hover #transform #shadow

Live preview Navigation

Flip Card Tabs

Tabs that flip like cards revealing back face.

#hover #gradient #transform

Live preview Navigation

Morph Triangle Tabs

Active tab morphs with triangle clip-path.

#hover #gradient

Live preview Navigation

Pill Bounce Tabs

Pill tabs that bounce into place on active.

#hover #transform #shadow

Live preview Text

Ballet Grace

Graceful ballet pink on text.

#animation #gradient #transform

Live preview Text

Daffodil Trumpet

Yellow daffodil trumpet cup on text.

#animation #gradient #transform

Live preview Text

Glow Pulse Text

Soft pulsing glow ring around text that breathes in and out.

#animation #glow #shadow

Live preview Text

Music Note Bounce

Bouncing musical notes over text.

#animation #transform #shadow

Live preview Text

Neptune Blue

Deep blue ice giant Neptune.

#animation #gradient #shadow

Live preview Text

Pearl Shimmer

Iridescent pearl shimmer with soft pastel shifts.

#animation #gradient

Live preview Text

Petals Bloom

Flower petals bloom pattern.

#gradient

Live preview Text

Platinum Shine

Bright platinum-shine metallic gradient with cool highlights.

#gradient

Live preview Text

Rhythm Pulse

Steady rhythm pulse on text.

#animation #transform #shadow

Live preview Text

Rotate Spin

Text rotating 360 degrees continuously.

#animation #transform

Live preview Text

Rotate Y Yaw

Y-axis yaw rotation animation.

#animation #transform

Live preview Text

Shake Vertical Rattle

Vertical rattle shake motion.

#animation #transform

Live preview Text

Bevel Shine

Beveled highlight on glossy dimensional text.

#shadow

Live preview Text

Strawberry Red

Sweet red strawberry on text.

#animation #gradient #transform

Live preview Text

Sustain Ring

Long sustained ringing note on text.

#animation #shadow #filter

Live preview Text

Treble Tinkle

High treble tinkle on text.

#animation #transform #shadow

Live preview Tooltips

Confetti Pop

Tooltip with confetti pop animation above the trigger.

#hover #gradient #transform

Live preview Tooltips

Glass Iridescent

Iridescent glass tooltip with a rainbow shimmer overlay.

#hover #gradient #transform

Live preview Tooltips

Green Success

Green success tooltip with checkmark styling above the trigger.

#hover #transform #shadow

Live preview Tooltips

Groove Border Top

Tooltip with a 3D grooved border above the trigger.

#hover #transform #border

Live preview Tooltips

Icon Help

Tooltip with question mark icon above the trigger.

#hover #transform #border

Live preview Tooltips

Light Top

Clean light tooltip with subtle shadow above the trigger.

#hover #transform #shadow

Live preview Tooltips

Liquid Ripple

Tooltip that ripples outward like a water drop impact.

#hover #transform #border

Live preview Tooltips

Mojito Mint

Fresh mojito mint tooltip with lime accent above the trigger.

#hover #gradient #transform

Live preview Tooltips

Mono Dark

Monospace dark tooltip with terminal feel above the trigger.

#hover #transform #border

Live preview Tooltips

Pulse Throb

Tooltip that throbs with a gentle pulse animation on hover.

#hover #animation #transform

Live preview Tooltips

Rotate Left

Tooltip rotates in from the left with a spin animation.

#hover #transform #border

Live preview Tooltips

Shimmer Wave

Tooltip with a shimmering wave gradient sweeping across.

#hover #animation #gradient

Live preview Tooltips

Status Away

Away status tooltip with yellow dot above the trigger.

#hover #transform #shadow

Live preview Tooltips

Status Online

Online status tooltip with green dot above the trigger.

#hover #transform #shadow

Live preview Tooltips

Time Stamp

Timestamp tooltip above the trigger.

#hover #transform #border

Live preview Tooltips

Zig Zag

Tooltip that zigzags into view above the trigger.

#hover #animation #transform

Live preview Toggles

Burlap Rough

Rough burlap surface with rustic coarse fibers.

#gradient #transform

Live preview Toggles

Butterfly / Cocoon

Cocoon bursts open into a fluttering butterfly.

#animation #gradient #transform

Live preview Toggles

Copper / Silver

Warm copper knob cools into a bright silver finish.

#gradient #transform #shadow

Live preview Toggles

Cyan Wave

Cyan wave pattern with aqua glow knob.

#gradient #transform #shadow

Browse by category

Popular tags