LibraryCSSÜcretsiz Saf CSS Efekt Kütüphanesi

#animation CSS efektleri

"animation" etiketiyle eşleşen 3.824 ücretsiz saf CSS efekti. Hepsi kopyala-yapıştır hazır; kullanmak için kütüphane veya derleme adımı gerekmez.

Canlı incele Butonlar

Abalone Shell

Iridescent abalone shell with shifting hues.

#animation #gradient #transform

Canlı incele Arka Planlar

Deep Abyss

Lightless ocean abyss glows faintly with bioluminescent specks.

#animation #gradient #transform

Canlı incele Arka Planlar

De Stijl Mondrian

Mondrian-style primary color blocks with bold black lines.

#animation #gradient #filter

Canlı incele Hover

Orbit Spiral

Spiral inward orbit on hover.

#hover #animation #transform

Canlı incele Yükleyiciler

Baguette Slice

Baguette being sliced.

#animation #gradient #shadow

Canlı incele Yükleyiciler

Black Hole

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

#gradient #animation #shadow

Canlı incele Navigasyon

Neon Active Drawer Navbar

Drawer with a pulsing neon active indicator on the active link.

#hover #animation #shadow

Canlı incele Anahtarlar

Active / Inactive

Pulsing green dot signals active vs a still grey one.

#animation #transform #shadow

Canlı incele Arka Planlar

Aurora Curtain

Vertical bands of aurora light ripple like a hanging curtain.

#animation #gradient #transform

Canlı incele Butonlar

Aurora Borealis

Northern-lights button with shifting aurora hues.

#hover #animation #gradient

Canlı incele Hover

Property Trace Frame

Hover starts a registered angle animating, so the gradient outline runs the perimeter.

#hover #animation #gradient

Canlı incele Arka Planlar

Spiral Galaxy

A swirling spiral galaxy of stars rotates in deep space.

#gradient #animation #border

Canlı incele Hover

Quiver Hard

Hard intense quiver on hover.

#hover #animation #transform

Canlı incele Yükleyiciler

Wormhole Tunnel

Traveling through a wormhole tunnel.

#animation #gradient #transform

Canlı incele Sekmeler

Savanna Divided Tabs

Hairline dividers separate the tabs and quietly step aside around the active one.

#border #layout #animation

Canlı incele Arka Planlar

Chrome Bubble

Liquid chrome bubble reflecting environment with shifting glare.

#animation #gradient #transform

Canlı incele Yükleyiciler

7 Segment Display

7-segment display counting.

#animation #shadow

Canlı incele Navigasyon

Color Shift Navbar

Navbar with hue-shifting links on hover.

#hover #animation #gradient

Canlı incele Anahtarlar

Equalizer Wave

Flat bars bounce into an animated equalizer.

#animation #transform #shadow

Canlı incele Arka Planlar

Beacon Sweep

A rotating beacon casts a sweeping cone of warning light.

#animation #gradient #transform

Canlı incele Arka Planlar

Brown Noise

Warm brown noise drifting like deep ambient rumble.

#animation #gradient #filter

Canlı incele Arka Planlar

Baroque Damask

Opulent baroque damask with gilded floral flourishes.

#animation #gradient #filter

Canlı incele Arka Planlar

Koch Snowflake

Koch snowflake fractal with infinite crystalline edges.

#animation #gradient #transform

Canlı incele Arka Planlar

Thin Film Interference

Soap-film thin-film interference patterns shifting bands.

#animation #gradient #transform

Canlı incele Butonlar

Binary Stream Button

Matrix-style button with falling binary digits in the background.

#hover #animation #transform

Canlı incele Butonlar

Retro Terminal Button

Monospace terminal-style button with blinking cursor block.

#animation #hover #shadow

Canlı incele Hover

Blink Swap

Content blinks rapidly and swaps text on each blink cycle on hover.

#animation #hover #border

Canlı incele Yükleyiciler

Arc Sweep

Arc sweeping around a center point.

#animation #transform #border

Canlı incele Yükleyiciler

Billiards Cue

Pool cue striking ball.

#animation #gradient #transform

Canlı incele Anahtarlar

Terminal Prompt

Blinking cursor at a shell prompt toggles to a check output.

#animation #transform #shadow

Canlı incele Arka Planlar

Abalone Nacre

Abalone shell nacre with shifting iridescent colors.

#animation #gradient #transform

Canlı incele Arka Planlar

Cassette Rewind

Cassette reels spin rapidly in reverse as tape rewinds.

#animation #gradient #transform

Canlı incele Arka Planlar

Wind Chime Spin

Tubular wind chimes sway and ring in a gentle breeze.

#animation #gradient #transform

Canlı incele Arka Planlar

Conic Gradient Spin

A vivid conic gradient rotates behind a soft mask for a hypnotic wheel of color.

#gradient #animation #border

Canlı incele Arka Planlar

Gradient Shift

A wide multi-stop gradient that continuously cycles its position for a calm flow.

#gradient #animation #border

Canlı incele Arka Planlar

Animated Ocean Waves

Layered SVG wave shapes ripple across a calm ocean horizon.

#gradient #animation #border

Canlı incele Kartlar

Locked Achievement Card

Locked achievement card with a padlock, blurred reward, and unlock hint.

#animation #gradient #transform

Canlı incele Onay Kutuları

Yellowjacket Toggle

A yellowjacket spins yellow when checked.

#animation #transform #shadow

Canlı incele Formlar

Stars Background Input

Cosmic starfield background with twinkling dots.

#animation #gradient #shadow

Canlı incele Hover

Needle Right Edge

Vertical needle bar slides in from right edge on hover.

#hover #animation #gradient

Canlı incele Hover

Glitter Sparkle

Glitter sparkles on hover.

#hover #animation #gradient

Canlı incele Hover

Wave Ripple Distort

Wave ripple distortion on hover.

#hover #animation #transform

Canlı incele Yükleyiciler

Arcade Cabinet

Retro arcade cabinet screen flickering with neon glow.

#animation #gradient #shadow

Canlı incele Yükleyiciler

Checkers Jump

Checker piece jumping over another.

#animation #gradient

Canlı incele Yükleyiciler

Elevator

Elevator car rising and falling inside its shaft.

#animation #gradient #border

Canlı incele Navigasyon

Vertical Tab Gradient Bg Flow

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

#hover #animation #gradient

Canlı incele Metin

Chess Knight

Chess knight piece on text.

#animation #transform #shadow

Canlı incele Metin

Cyberpunk Glitch

Yellow cyberpunk text with red/cyan offset and periodic skew glitch.

#animation #shadow #transform

Canlı incele Metin

Fade Pulse Deep

Deep pulsing fade animation.

Canlı incele Metin

Torch Pass

A warm torch light passes across the text.

#animation #gradient

Canlı incele Zaman Çizelgeleri

Piston Pump Pipeline

Three bores drive the extract, transform and load stages with offset piston strokes.

#animation #transform #pipeline

Canlı incele Zaman Çizelgeleri

Sway Album Timeline

Three dated prints hang from a twisted cord and swing gently out of step with each other.

#animation #shadow #album

Canlı incele Anahtarlar

Whirl Pool

Spinning whirlpool swirls water around the knob.

#animation #gradient #transform

Canlı incele Akordeonlar

Rivet Downloads Accordion

Build groups punch open a format list where each row shows its extension and weight.

#details #download #clip-path

Canlı incele Avatarlar

Copper Verified Badge Avatar

A copper check badge sits in the corner and pops when the avatar is hovered.

#badge #verified #animation

Canlı incele Avatarlar

Gear Crown Leader Avatar

A clipped crown sways above the leader avatar and a rank pill hangs beneath it.

#crown #rank #clip-path

Canlı incele Rozetler

Breathe Glow Badge

Badge with breathing glow effect.

#animation #transform #shadow

Canlı incele Rozetler

Glisten Badge

Badge with glistening sparkle dots animation.

#animation #gradient #shadow

Canlı incele Rozetler

Pulse Color Badge

Badge with color cycling through palette.

Canlı incele Rozetler

Ripple Badge

Badge with expanding ripple waves.

#animation #transform #border

Canlı incele Rozetler

Spring Pop Badge

Badge that springs into view with overshoot.

#animation #transform

Canlı incele Rozetler

Caret Typing Badge

Badge with blinking caret like terminal input.

#animation #border

Canlı incele Rozetler

BG Fade FX Badge

Animated badge with cross-fading background colors.

#animation #gradient #shadow

Canlı incele Rozetler

Confetti Burst FX Badge

Animated badge with confetti-burst particle dots.

#animation #gradient #transform

Canlı incele Rozetler

New Pill Badge

Green pill badge announcing new content with a subtle pop-in.

#animation #gradient #transform

Canlı incele Arka Planlar

Amplifier Pulse

An amplifier's volume bars glow with each pulse of music.

#animation #gradient #transform

Canlı incele Arka Planlar

Art Deco Fan

Geometric art deco sunburst fans radiate in gold and black.

#animation #gradient #transform

Canlı incele Arka Planlar

Asteroid Belt

Rocks of an asteroid belt drift slowly in orbit around the sun.

#animation #gradient #transform

Canlı incele Arka Planlar

Beetle Wing Iridescence

Jewel beetle wing shifting with structural green-gold color.

#animation #gradient #transform

Canlı incele Arka Planlar

Rising Bubbles

Translucent bubbles float upward through a watery blue space.

#gradient #animation #border

Canlı incele Arka Planlar

Cake Candle Blow

A birthday cake with candles whose flames lean in the breeze.

#animation #gradient #transform

Canlı incele Arka Planlar

Candle Flame Row

A row of candle flames flicker gently in a dark setting.

#animation #gradient #transform

Canlı incele Arka Planlar

Checkered Flag

A black and white checkered flag waves in the wind.

#animation #gradient #transform

Canlı incele Arka Planlar

Cherry Grove

Pink cherry blossom petals drift through a serene grove.

#animation #gradient #transform

Canlı incele Arka Planlar

Christmas Tree Lights

Twinkling Christmas tree lights blink in festive colors.

#animation #gradient #shadow

Canlı incele Arka Planlar

Comet NEOWISE

Comet NEOWISE displays a brilliant twin tail in twilight.

#animation #gradient #transform

Canlı incele Arka Planlar

Cracked Concrete

Grey concrete with dark cracks branching across the surface.

#animation #gradient #filter

Canlı incele Arka Planlar

Cotton Candy Spin

A swirl of pink cotton candy spins around a paper cone.

#animation #gradient #transform

Canlı incele Arka Planlar

Dandelion Seeds

Floating dandelion seeds drift away on a gentle summer breeze.

#animation #gradient #transform

Canlı incele Arka Planlar

Sahara Desert

Endless Sahara dunes ripple golden under a fierce sun.

#animation #gradient

Canlı incele Arka Planlar

Diagonal Moving Lines

Crisp neon diagonal lines sweep across a dark backdrop like a synth scan.

#gradient #animation #3d

Canlı incele Arka Planlar

Dichroic Glass

Dichroic glass shifts between transmitted and reflected colors.

#animation #gradient

Canlı incele Arka Planlar

Dragon Curve

Heighway dragon curve iterating with fractal jagged edges.

#animation #gradient #transform

Canlı incele Arka Planlar

Shifting Dunes

Golden desert dunes slowly shift and reshape with the wind.

#animation #gradient #transform

Canlı incele Arka Planlar

Crimson Dusk

A dramatic crimson dusk ignites the horizon in red.

#animation #gradient

Canlı incele Arka Planlar

Electric Keyboard

An electric keyboard's keys pulse with neon glow as they play.

#animation #gradient #shadow

Canlı incele Arka Planlar

Foggy Forest

Thick fog rolls between dark silhouetted trees at dawn.

#animation #gradient #transform

Canlı incele Arka Planlar

Kaleidoscope 6

A 6-fold kaleidoscope of bright symmetric patterns.

#animation #gradient #transform

Canlı incele Arka Planlar

Lightning Storm

Bolts of lightning flash across a dark stormy sky with a soft glow.

#gradient #animation #glow

Canlı incele Arka Planlar

MP3 Waveform

An audio waveform scrolls horizontally across a dark panel.

#animation #gradient #shadow

Canlı incele Arka Planlar

Music Sheet Notes

Musical notation scrolls horizontally across aged sheet music.

#animation #gradient #transform

Canlı incele Arka Planlar

Paint Spray

Fine spray paint mist coats a surface in gradient color.

#animation #gradient #filter

Canlı incele Arka Planlar

Swirling Portal

A magical portal swirls with green energy rings.

#gradient #animation #border

Canlı incele Arka Planlar

Spirograph

Spirograph hypotrochoid curve with rotating multi-petal shape.

#animation #gradient #transform

Canlı incele Arka Planlar

Toile de Jouy

French provincial toile with monochrome pastoral scenes.

#animation #gradient