Öne çıkanlar

En popüler CSS efektleri

Kütüphanedeki 9.078 efekt, en çok incelenenden başlayarak sıralandı. Hepsi saf CSS — kopyala, yapıştır, çalışır; kütüphane veya derleme adımı gerekmez.

Canlı incele Navigation

Vertical Tab Glow Active

Vertical tabs with a glowing active item casting ambient light.

#hover #shadow

Canlı incele Navigation

Vertical Tab Gradient Bg Flow

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

#hover #animation #gradient

Canlı incele Navigation

Vertical Tab Icon Leading

Vertical tabs with leading icons that scale on active.

#hover #transform

Canlı incele Navigation

Vertical Tab Icon Trailing

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

#hover #transform

Canlı incele Navigation

Vertical Tab Morph Shape

Active tab morphs shape with smooth border-radius transition.

#hover #shadow

Canlı incele Navigation

Vertical Tab Neon Active Line

Vertical tabs with a pulsing neon active line indicator.

#hover #animation #transform

Canlı incele Navigation

Vertical Tab Nested Levels

Vertical tabs with progressively indented nested levels.

#hover

Canlı incele Navigation

Vertical Tab Pill Morph

Vertical tabs where the active pill morphs smoothly between items.

#hover #gradient #transform

Canlı incele Navigation

Vertical Tab Progress Bar

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

#hover #gradient

Canlı incele Navigation

Vertical Tab Rotate Icon

Vertical tabs with an icon that rotates when active.

#hover #transform

Canlı incele Navigation

Vertical Tab Rounded Soft

Soft rounded vertical tabs with gentle hover transitions.

#hover #shadow

Canlı incele Navigation

Vertical Tab Slide Content

Vertical tabs that slide horizontally revealing content offset.

#hover #transform #shadow

Canlı incele Navigation

Vertical Tab Square Sharp

Sharp square vertical tabs with brutalist styling.

#hover #transform #border

Canlı incele Navigation

Vertical Tab Step Marker

Vertical tabs with numbered step markers like a wizard.

#hover #transform #shadow

Canlı incele Navigation

Vertical Tab Tree Branch

Vertical tabs with a tree branch connector line between levels.

#hover

Canlı incele Navigation

Vertical Tab Underline Slide

Vertical tab nav where the active underline slides between items.

#hover #transform #shadow

Canlı incele Navigation

Circle Mask Wipe Nav

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

#hover #gradient #transform

Canlı incele Navigation

Diagonal Wipe Reveal Nav

Diagonal wipe transitions across the nav when hovering different items.

#hover #gradient #transform

Canlı incele Navigation

Wipe Left Reveal Nav

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

#hover #gradient #transform

Canlı incele Navigation

Wipe Right Reveal Nav

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

#hover #gradient #transform

Canlı incele Navigation

Wobble Jiggle Navbar

Links wobble-jiggle on hover using a keyframe animation.

#hover #animation #transform

Canlı incele Text

3D Extruded Text

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

#3d #shadow

Canlı incele Text

Abalone Shell

Abalone shell iridescent colors.

#gradient #filter

Canlı incele Text

Abstract Fluid

Abstract fluid organic shapes.

#gradient

Canlı incele Text

Abstract Ink

Abstract ink blot pattern.

#gradient

Canlı incele Text

Abstract Splash

Abstract paint splash pattern.

#gradient

Canlı incele Text

Acropolis Greek

Greek acropolis marble on text.

#animation #gradient #filter

Canlı incele Text

Amber Glow

Warm amber text with a soft pulsing inner glow.

#animation #shadow

Canlı incele Text

Amber Resin

Translucent amber resin with a warm honey glow.

#gradient #shadow #filter

Canlı incele Text

Amber Warm Resin

Warm amber resin fossil finish.

#gradient #filter

Canlı incele Text

Amethyst Purple

Amethyst purple crystal gem.

#gradient #filter

Canlı incele Text

Anchor Heavy

Heavy nautical anchor on text.

#animation #transform #shadow

Canlı incele Text

Andromeda Galaxy

Spiraling blue Andromeda galaxy in text.

#animation #gradient #transform

Canlı incele Text

Arc Lamp Bright

Bright arc lamp intense glow.

#shadow

Canlı incele Text

Arcade Pixel

Retro arcade pixelated text.

#animation #shadow

Canlı incele Text

Archery Arrow

Arrow flying through air on text.

#animation #transform #shadow

Canlı incele Text

Argyle Diamond

Argyle diamond pattern in classic preppy colors.

#gradient

Canlı incele Text

Aries Ram

Bold ram-headed Aries zodiac sign.

#animation #transform #shadow

Canlı incele Text

Arpeggio Rise

Rising arpeggiated chord notes on text.

#animation #transform #shadow

Canlı incele Text

Arrows Flow

Flowing arrows direction pattern.

#gradient

Canlı incele Text

Art Deco Gold

Elegant art deco gold text with symmetrical flair.

#gradient #shadow

Canlı incele Text

Art Nouveau

Organic art nouveau text with flowing ornate style.

#shadow

Canlı incele Text

Art Deco Elegant Line

Art deco elegant line style.

#shadow

Canlı incele Text

Art Deco Gold Leaf

Art deco gold leaf ornate.

#gradient #shadow

Canlı incele Text

Art Nouveau Flowing Curve

Art nouveau flowing curve style.

#shadow

Canlı incele Text

Art Nouveau Organic Vine

Art nouveau organic vine style.

#gradient #shadow

Canlı incele Text

ASCII Block

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

#shadow #css

Canlı incele Text

Asphalt Grit

Asphalt gritty dark texture.

#gradient #filter

Canlı incele Text

Asteroid Belt

Orbiting specks circling around text.

#animation #transform #shadow

Canlı incele Text

Aurora Australis

Southern lights rippling in cool tones.

#animation #gradient #transform

Canlı incele Text

Aurora Borealis

Northern lights shimmering across text.

#animation #gradient #filter

Canlı incele Text

Aurora Glow

Soft shifting aurora borealis gradient glow.

#animation #gradient #shadow

Canlı incele Text

Automobile Horn

Car horn honking on text.

#animation #transform #shadow

Canlı incele Text

Backlight Glow

Backlight rim glow halo.

#shadow

Canlı incele Text

Backlight Rim

Dark text with a bright rim of backlight behind.

#shadow

Canlı incele Text

Balloon Rise

Floating balloon rising on text.

#animation #transform #shadow

Canlı incele Text

Bamboo Tall

Tall bamboo stalk on text.

#animation #gradient #transform

Canlı incele Text

Banner Ribbon

Banner ribbon text with folded ribbon ends.

Canlı incele Text

Banner Scroll Parchment

Parchment scroll banner style.

#gradient #shadow

Canlı incele Text

Bark Rough

Tree bark texture with deep furrowed lines.

#gradient

Canlı incele Text

Barometer Fall

Falling barometric pressure on text.

#animation #transform #shadow

Canlı incele Text

Baroque Ornate

Ornate baroque gold on text.

#animation #gradient #shadow

Canlı incele Text

Basil Herb

Fresh basil herb on text.

#animation #gradient #shadow

Canlı incele Text

Bass Clef Roll

Rolling bass clef low-end on text.

#animation #transform #shadow

Canlı incele Text

Bass Throb

Deep bass throb pulsing on text.

#animation #transform #shadow

Canlı incele Text

Bauhaus Block

Bauhaus primary color blocks on text.

#animation #gradient #transform

Canlı incele Text

Bauhaus Geometric Shape

Bauhaus primary geometric style.

#shadow

Canlı incele Text

Bauhaus Primary

Bauhaus primary-color blocks within text.

#gradient

Canlı incele Text

Beam Spotlight

Vertical beam of light shining down on text.

#animation #gradient

Canlı incele Text

Beat Thump

Heavy beat thump on text.

#animation #transform #shadow

Canlı incele Text

Beveled Glass

Beveled glass edge highlights.

#shadow

Canlı incele Text

Bicolor Contrast

High contrast yellow and black bicolor.

#gradient

Canlı incele Text

Bicolor Gradient

Smooth bicolor diagonal gradient.

#gradient

Canlı incele Text

Bicolor Harmony

Harmonious analogous bicolor blend.

#gradient

Canlı incele Text

Bicycle Pedal

Bicycle pedaling motion on text.

#animation #transform #shadow

Canlı incele Text

Birch White

White birch bark on text.

#animation #gradient

Canlı incele Text

Black Hole Pull

Text being slowly sucked into a dark void center.

#animation #gradient #filter

Canlı incele Text

Blackberry Dark

Dark purple blackberry on text.

#animation #gradient #shadow

Canlı incele Text

Blizzard Snow

Heavy blizzard snow blowing across text.

#animation #transform #shadow

Canlı incele Text

Bloom Bright

Bright bloom glow expansion.

#shadow #filter

Canlı incele Text

Blueberry Blue

Deep blue blueberry on text.

#animation #gradient #shadow

Canlı incele Text

Blueprint Architect

Architect blueprint drawing.

#gradient

Canlı incele Text

Bob Buoyant

Buoyant bobbing on water motion.

#animation #transform

Canlı incele Text

Bokeh Blur

Soft bokeh circles of light blurring behind text.

#gradient

Canlı incele Text

Bonsai Mini

Miniature bonsai on text.

#animation #transform #shadow

Canlı incele Text

3D Bounce

Text bouncing with a 3D perspective tilt.

#animation #transform

Canlı incele Text

Bounce Horizontal Slide

Bouncing horizontal slide motion.

#animation #transform

Canlı incele Text

Bounce Light Card

Bounce card reflected light.

#shadow

Canlı incele Text

Bounce Random Chaos

Random chaotic bounce motion.

#animation #transform

Canlı incele Text

Bounce Rhythm

Text bouncing up and down in a steady rhythm.

#animation #transform

Canlı incele Text

Bounce Vertical Hop

Bouncing vertical hop motion.

#animation #transform

Canlı incele Text

Boxing Glove

Boxing glove punching on text.

#animation #transform #shadow

Canlı incele Text

Brass Polished

Polished brass gold metallic finish.

#gradient

Canlı incele Text

Breathe Fast Rapid

Rapid fast breathing animation.

#animation #transform

Canlı incele Text

Slow Breathe

Text breathing slowly in and out.

#animation #transform

Canlı incele Text

Breathing Text

Text slowly scales and glows in a calm breathing rhythm.

#animation #shadow #transform

Kategoriye göre gez

Butonlar Kartlar Yükleyiciler Metin Arka Planlar Onay Kutuları Anahtarlar Hover Rozetler Formlar Navigasyon İpuçları

Popüler etiketler

#transform5765 #shadow5548 #gradient4959 #border3831 #animation3495 #hover2879 #filter2139 #3d188 #rotate35 #glow21 #switch19 #clip-path9 #glass7 #wave7 #css6 #dots5 #pulse3