Most Popular CSS Effects (Page 72)

Live preview Navigation

Vertical Tab Cascading Sub

Vertical tabs with cascading sub-levels fading into the background.

#hover

Live preview Navigation

Vertical Tab Circle Bg Active

Vertical tabs with a circular active background indicator.

#hover #transform #shadow

Live preview Navigation

Vertical Tab Collapsible Tree

Vertical tabs in a collapsible tree structure with sub-items.

#hover

Live preview Navigation

Vertical Tab Color Shift

Vertical tabs that shift through accent colors on hover.

#hover #shadow

Live preview Navigation

Vertical Tab Counter Badge

Vertical tabs with a counter badge showing item counts.

#hover

Live preview Navigation

Vertical Tab Dot Indicator

Vertical tabs with a glowing dot indicator on the active item.

#hover #transform #shadow

Live preview Navigation

Vertical Tab Fill Bg

Vertical tabs with a sliding colored fill background on hover.

#hover #gradient #transform

Live preview Navigation

Vertical Tab Flip Card

Vertical tabs that flip in 3D when active, revealing content.

#hover #transform #shadow

Live preview Navigation

Vertical Tab Glow Active

Vertical tabs with a glowing active item casting ambient light.

#hover #shadow

Live preview Navigation

Vertical Tab Gradient Bg Flow

Vertical tabs with an animated gradient background flow on the active.

#hover #animation #gradient

Live preview Navigation

Vertical Tab Icon Leading

Vertical tabs with leading icons that scale on active.

#hover #transform

Live preview Navigation

Vertical Tab Icon Trailing

Vertical tabs with trailing right-side icons that pop on active.

#hover #transform

Live preview Navigation

Vertical Tab Morph Shape

Active tab morphs shape with smooth border-radius transition.

#hover #shadow

Live preview Navigation

Vertical Tab Neon Active Line

Vertical tabs with a pulsing neon active line indicator.

#hover #animation #transform

Live preview Navigation

Vertical Tab Nested Levels

Vertical tabs with progressively indented nested levels.

#hover

Live preview Navigation

Vertical Tab Pill Morph

Vertical tabs where the active pill morphs smoothly between items.

#hover #gradient #transform

Live preview Navigation

Vertical Tab Progress Bar

Vertical tabs with an active progress bar fill on the active item.

#hover #gradient

Live preview Navigation

Vertical Tab Rotate Icon

Vertical tabs with an icon that rotates when active.

#hover #transform

Live preview Navigation

Vertical Tab Rounded Soft

Soft rounded vertical tabs with gentle hover transitions.

#hover #shadow

Live preview Navigation

Vertical Tab Slide Content

Vertical tabs that slide horizontally revealing content offset.

#hover #transform #shadow

Live preview Navigation

Vertical Tab Square Sharp

Sharp square vertical tabs with brutalist styling.

#hover #transform #border

Live preview Navigation

Vertical Tab Step Marker

Vertical tabs with numbered step markers like a wizard.

#hover #transform #shadow

Live preview Navigation

Vertical Tab Tree Branch

Vertical tabs with a tree branch connector line between levels.

#hover

Live preview Navigation

Vertical Tab Underline Slide

Vertical tab nav where the active underline slides between items.

#hover #transform #shadow

Live preview Navigation

Circle Mask Wipe Nav

Active indicator revealed by a circle that expands outward from the link.

#hover #gradient #transform

Live preview Navigation

Diagonal Wipe Reveal Nav

Diagonal wipe transitions across the nav when hovering different items.

#hover #gradient #transform

Live preview Navigation

Wipe Left Reveal Nav

Active tab revealed by a leftward wipe that sweeps across the nav.

#hover #gradient #transform

Live preview Navigation

Wipe Right Reveal Nav

Active tab revealed by a rightward wipe sweeping across the nav bar.

#hover #gradient #transform

Live preview Navigation

Wobble Jiggle Navbar

Links wobble-jiggle on hover using a keyframe animation.

#hover #animation #transform

Live preview Text

3D Extruded Text

Layered 3D text with stacked shadow planes giving a chunky extruded look.

#3d #shadow

Live preview Text

Abalone Shell

Abalone shell iridescent colors.

#gradient #filter

Live preview Text

Abstract Fluid

Abstract fluid organic shapes.

#gradient

Live preview Text

Abstract Ink

Abstract ink blot pattern.

#gradient

Live preview Text

Abstract Splash

Abstract paint splash pattern.

#gradient

Live preview Text

Acropolis Greek

Greek acropolis marble on text.

#animation #gradient #filter

Live preview Text

Amber Glow

Warm amber text with a soft pulsing inner glow.

#animation #shadow

Live preview Text

Amber Resin

Translucent amber resin with a warm honey glow.

#gradient #shadow #filter

Live preview Text

Amber Warm Resin

Warm amber resin fossil finish.

#gradient #filter

Live preview Text

Amethyst Purple

Amethyst purple crystal gem.

#gradient #filter

Live preview Text

Anchor Heavy

Heavy nautical anchor on text.

#animation #transform #shadow

Live preview Text

Andromeda Galaxy

Spiraling blue Andromeda galaxy in text.

#animation #gradient #transform

Live preview Text

Arc Lamp Bright

Bright arc lamp intense glow.

#shadow

Live preview Text

Arcade Pixel

Retro arcade pixelated text.

#animation #shadow

Live preview Text

Archery Arrow

Arrow flying through air on text.

#animation #transform #shadow

Live preview Text

Argyle Diamond

Argyle diamond pattern in classic preppy colors.

#gradient

Live preview Text

Aries Ram

Bold ram-headed Aries zodiac sign.

#animation #transform #shadow

Live preview Text

Arpeggio Rise

Rising arpeggiated chord notes on text.

#animation #transform #shadow

Live preview Text

Arrows Flow

Flowing arrows direction pattern.

#gradient

Live preview Text

Art Deco Gold

Elegant art deco gold text with symmetrical flair.

#gradient #shadow

Live preview Text

Art Nouveau

Organic art nouveau text with flowing ornate style.

#shadow

Live preview Text

Art Deco Elegant Line

Art deco elegant line style.

#shadow

Live preview Text

Art Deco Gold Leaf

Art deco gold leaf ornate.

#gradient #shadow

Live preview Text

Art Nouveau Flowing Curve

Art nouveau flowing curve style.

#shadow

Live preview Text

Art Nouveau Organic Vine

Art nouveau organic vine style.

#gradient #shadow

Live preview Text

ASCII Block

Blocky monospace text with a stacked shadow giving a pixel-ASCII feel.

#shadow #css

Live preview Text

Asphalt Grit

Asphalt gritty dark texture.

#gradient #filter

Live preview Text

Asteroid Belt

Orbiting specks circling around text.

#animation #transform #shadow

Live preview Text

Aurora Australis

Southern lights rippling in cool tones.

#animation #gradient #transform

Live preview Text

Aurora Borealis

Northern lights shimmering across text.

#animation #gradient #filter

Live preview Text

Aurora Glow

Soft shifting aurora borealis gradient glow.

#animation #gradient #shadow

Live preview Text

Automobile Horn

Car horn honking on text.

#animation #transform #shadow

Live preview Text

Backlight Glow

Backlight rim glow halo.

#shadow

Live preview Text

Backlight Rim

Dark text with a bright rim of backlight behind.

#shadow

Live preview Text

Balloon Rise

Floating balloon rising on text.

#animation #transform #shadow

Live preview Text

Bamboo Tall

Tall bamboo stalk on text.

#animation #gradient #transform

Live preview Text

Banner Ribbon

Banner ribbon text with folded ribbon ends.

Live preview Text

Banner Scroll Parchment

Parchment scroll banner style.

#gradient #shadow

Live preview Text

Bark Rough

Tree bark texture with deep furrowed lines.

#gradient

Live preview Text

Barometer Fall

Falling barometric pressure on text.

#animation #transform #shadow

Live preview Text

Baroque Ornate

Ornate baroque gold on text.

#animation #gradient #shadow

Live preview Text

Basil Herb

Fresh basil herb on text.

#animation #gradient #shadow

Live preview Text

Bass Clef Roll

Rolling bass clef low-end on text.

#animation #transform #shadow

Live preview Text

Bass Throb

Deep bass throb pulsing on text.

#animation #transform #shadow

Live preview Text

Bauhaus Block

Bauhaus primary color blocks on text.

#animation #gradient #transform

Live preview Text

Bauhaus Geometric Shape

Bauhaus primary geometric style.

#shadow

Live preview Text

Bauhaus Primary

Bauhaus primary-color blocks within text.

#gradient

Live preview Text

Beam Spotlight

Vertical beam of light shining down on text.

#animation #gradient

Live preview Text

Beat Thump

Heavy beat thump on text.

#animation #transform #shadow

Live preview Text

Beveled Glass

Beveled glass edge highlights.

#shadow

Live preview Text

Bicolor Contrast

High contrast yellow and black bicolor.

#gradient

Live preview Text

Bicolor Harmony

Harmonious analogous bicolor blend.

#gradient

Live preview Text

Bicycle Pedal

Bicycle pedaling motion on text.

#animation #transform #shadow

Live preview Text

Birch White

White birch bark on text.

#animation #gradient

Live preview Text

Black Hole Pull

Text being slowly sucked into a dark void center.

#animation #gradient #filter

Live preview Text

Blackberry Dark

Dark purple blackberry on text.

#animation #gradient #shadow

Live preview Text

Blizzard Snow

Heavy blizzard snow blowing across text.

#animation #transform #shadow

Live preview Text

Bloom Bright

Bright bloom glow expansion.

#shadow #filter

Live preview Text

Blueberry Blue

Deep blue blueberry on text.

#animation #gradient #shadow

Live preview Text

Blueprint Architect

Architect blueprint drawing.

#gradient

Live preview Text

Bob Buoyant

Buoyant bobbing on water motion.

#animation #transform

Live preview Text

Bokeh Blur

Soft bokeh circles of light blurring behind text.

#gradient

Live preview Text

Bonsai Mini

Miniature bonsai on text.

#animation #transform #shadow

Live preview Text

3D Bounce

Text bouncing with a 3D perspective tilt.

#animation #transform

Live preview Text

Bounce Horizontal Slide

Bouncing horizontal slide motion.

#animation #transform

Live preview Text

Bounce Light Card

Bounce card reflected light.

#shadow

Live preview Text

Bounce Random Chaos

Random chaotic bounce motion.

#animation #transform

Browse by category

Popular tags