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 Onay Kutuları

Sparkle Twinkle

A four-pointed sparkle that twinkles in with a magenta glow and slow spin when checked.

#animation #shadow #border

Canlı incele Onay Kutuları

Pickup Truck Toggle

A pickup truck bounces in orange when checked.

#animation #transform #shadow

Canlı incele Formlar

Stars Background Input

Cosmic starfield background with twinkling dots.

#animation #gradient #shadow

Canlı incele Hover

Border Gradient Flow

Animated gradient border flows on hover.

#hover #animation #gradient

Canlı incele Hover

Needle Right Edge

Vertical needle bar slides in from right edge on hover.

#hover #animation #gradient

Canlı incele Hover

Flash Edges

Edges flash bright white on hover.

#hover #animation #shadow

Canlı incele Hover

Dashes Crawl Frame

Dashed border marches around the element on hover.

#hover #animation #border

Canlı incele Hover

Glitter Shimmer

Glitter shimmers across surface on hover.

#hover #animation #gradient

Canlı incele Hover

Glitter Sparkle

Glitter sparkles on hover.

#hover #animation #gradient

Canlı incele Hover

Pop Letter

Letters pop up sequentially on hover.

#hover #animation #transform

Canlı incele Hover

Typewriter Reveal

Text types out character by character on hover.

#hover #animation

Canlı incele Yükleyiciler

Actuator

Linear actuator extending arm.

#animation #gradient

Canlı incele Yükleyiciler

Axe Chop

Axe chopping down into a wooden log repeatedly.

#animation #gradient #transform

Canlı incele Yükleyiciler

Barbell Press

Barbell being pressed up.

#animation #gradient

Canlı incele Yükleyiciler

Baseball Pitch

Baseball stitching spinning as it flies past home plate.

#animation #gradient #transform

Canlı incele Yükleyiciler

Blender Blade

Blender jar with whirring blades at the bottom.

#animation #gradient #transform

Canlı incele Yükleyiciler

Caliper Measure

Digital caliper jaws opening and closing to measure.

#animation #gradient

Canlı incele Yükleyiciler

Camera Shutter

Camera shutter opening and closing.

#animation #transform

Canlı incele Yükleyiciler

Camshaft

Camshaft with egg-shaped lobes.

#animation #gradient #transform

Canlı incele Yükleyiciler

Candle Clock

Candle burning down as time passes.

#animation #gradient #transform

Canlı incele Yükleyiciler

Candle Flame

Candle flame flickering.

#animation #gradient #transform

Canlı incele Yükleyiciler

Cannon Fire

Cannon with periodic fire burst.

#animation #gradient #transform

Canlı incele Yükleyiciler

Checkers Jump

Checker piece jumping over another.

#animation #gradient

Canlı incele Yükleyiciler

Dynamo

Dynamo generating spark.

#animation #gradient #transform

Canlı incele Yükleyiciler

Flash Flood

Flash flood water rising rapidly.

#animation #gradient #border

Canlı incele Yükleyiciler

Flip Card

A gradient card flipping 180 degrees back and forth on its vertical axis.

#gradient #animation #3d

Canlı incele Yükleyiciler

Game Boy

Classic handheld Game Boy with a flickering screen.

#animation #gradient #transform

Canlı incele Yükleyiciler

Helicopter Blade

Helicopter rotor blades spinning above the cockpit.

#animation #gradient #transform

Canlı incele Yükleyiciler

Ice Cream Melt

Ice cream melting down cone.

#animation #gradient #transform

Canlı incele Yükleyiciler

Icicle Drip

Icicle dripping water droplets on a winter day.

#animation #gradient #transform

Canlı incele Yükleyiciler

Loop Roll

Loop shape rolling end over end.

#animation #transform #border

Canlı incele Yükleyiciler

Microwave Turntable

Microwave glass plate rotating with a glowing interior.

#animation #gradient #transform

Canlı incele Yükleyiciler

Morph Blob Loader

A gradient blob melts between organic border-radius shapes while it rotates.

#animation #gradient #transform

Canlı incele Yükleyiciler

Pilgrim Hat

Pilgrim hat with shiny buckle.

#animation #gradient #transform

Canlı incele Yükleyiciler

Rune Glow

Magical rune glowing with pulse.

#animation #shadow #filter

Canlı incele Yükleyiciler

Spark Fly

Sparks flying upward.

#animation #transform #shadow

Canlı incele Yükleyiciler

Stopwatch Tick

A stopwatch face with a red second hand ticking in 60 discrete steps.

#animation #border #transform

Canlı incele Yükleyiciler

Sun Rays

Sun with rotating rays around a glowing yellow center.

#animation #gradient #transform

Canlı incele Yükleyiciler

Timing Belt

Timing belt moving over gears.

#animation #transform #border

Canlı incele Yükleyiciler

Vinyl Scratch

DJ scratching vinyl record.

#animation #gradient #transform

Canlı incele Yükleyiciler

Welder Spark

Welding torch throwing bright sparks in bursts.

#animation #gradient #transform

Canlı incele Navigasyon

Dark Fade Overlay Navbar

Side panel nav with a fading dark overlay backdrop.

#hover #animation #gradient

Canlı incele Navigasyon

Aurora Gradient Overlay Navbar

Modal nav over an aurora gradient animated background.

#hover #animation #gradient

Canlı incele Navigasyon

Light Fade Overlay Navbar

Side panel nav with a fading light translucent backdrop.

#hover #animation #gradient

Canlı incele Navigasyon

Pulse Throb Navbar

Active link throbs with a pulsing scale animation.

#hover #animation #transform

Canlı incele Kaydırıcılar

Amber Glow Slider

A dim ember rail runs beneath a knob that breathes its own pulsing amber halo.

#slider #neon #animation

Canlı incele Kaydırıcılar

Cove Circular Frame

A round instrument bezel with a slowly turning dashed ring around the inner rail.

#slider #circular #bezel

Canlı incele Metin

Bounce Horizontal Slide

Bouncing horizontal slide motion.

#animation #transform

Canlı incele Metin

Breathing Text

Text slowly scales and glows in a calm breathing rhythm.

#animation #shadow #transform

Canlı incele Metin

Cloud Cover Grey

Overcast grey cloud cover on text.

#animation #gradient #shadow

Canlı incele Metin

Cosmic Nebula

Swirling nebula clouds of purple and pink within text.

#animation #gradient

Canlı incele Metin

Distortion Grit

Gritty distorted guitar text.

#animation #transform #shadow

Canlı incele Metin

Ember Glow Warm

Warm ember pulsing glow.

#animation #shadow

Canlı incele Metin

Manor Estate

Grand manor estate on text.

#animation #gradient #shadow

Canlı incele Metin

Palace Grand

Grand opulent palace gold on text.

#animation #gradient #shadow

Canlı incele Metin

Skyline Silhouette

Dark city skyline silhouette on text.

#animation #gradient #filter

Canlı incele Metin

Torch Pass

A warm torch light passes across the text.

#animation #gradient

Canlı incele Metin

Train Steam

Steam train chugging on text.

#animation #transform #shadow

Canlı incele İpuçları

Cursor Follow

Tooltip that follows the cursor above the trigger.

#hover #animation #transform

Canlı incele İpuçları

Pulse Attention

Tooltip that pulses to draw attention above the trigger.

#hover #animation #transform

Canlı incele İpuçları

Shimmer Loading

Shimmer loading placeholder tooltip above the trigger.

#hover #animation #gradient

Canlı incele İpuçları

Typing Hint Tooltip

The tooltip shows three animated dots, as if the hint were still being written.

#hover #animation #transform

Canlı incele Zaman Çizelgeleri

Conduit Deploy Stages

Junction boxes sit on a twin conduit run and the stage in flight marches its stripes.

#animation #deploy #list

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

Liquid Wave Fill

Track fills with an animated wavy liquid that sloshes as the knob slides.

#animation #shadow #border

Canlı incele Anahtarlar

Safe / Danger

Green shield flips to a red warning triangle.

#animation #transform #shadow

Canlı incele Anahtarlar

Tornado Form

Tornado funnel cloud forms spinning across the track.

#animation #gradient #transform

Canlı incele Akordeonlar

Ripple Quiet Accordion

Hairline rules and wide spacing only, with a dot that rings out while open.

#details #minimal #letter-spacing

Canlı incele Akordeonlar

Shaft Params Accordion

Endpoint rows unpack a parameter grid whose gaps grow open from nothing.

#details #api #grid

Canlı incele Avatarlar

Circuit Broadcast Wave Avatar

A broadcast ring expands from the avatar while an equalizer meter reads the voice level.

#broadcast #audio-meter #animation

Canlı incele Avatarlar

Dynamo Drawn Monogram Plate

An SVG stroke writes the monogram and then underlines it before restarting the loop.

#svg #monogram #stroke-dasharray

Canlı incele Avatarlar

Ember Speech Bubble Avatar

A chat bubble with a pointed tail floats gently beside the sender avatar.

#bubble #chat #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 Avatarlar

Halo Blurred Aura Avatar

A heavily blurred conic aura turns behind the disc and breathes in and out.

#aura #blur #animation

Canlı incele Avatarlar

Marble Story Segment Ring

Segmented story arcs rotate around the avatar and freeze while hovered.

#story-ring #animation #conic-gradient

Canlı incele Avatarlar

Orbit Counter Clockwise Loader

The outer arc turns anticlockwise while the inner arc turns the other way.

#loading #counter-clockwise #animation

Canlı incele Avatarlar

Pulse Status Line Avatar

The presence colour lives in the status sentence instead of on the avatar corner.

#status #text #animation

Canlı incele Avatarlar

Rivet Achievement Star Avatar

A clipped star medal twinkles at the corner and a small counter reports earned awards.

#achievement #star #clip-path

Canlı incele Avatarlar

Sway Isometric Avatar Plane

Three member tiles lie on an isometric plane that rocks slowly around its centre.

#isometric #transform #group

Canlı incele Rozetler

Breaking News Badge

Breaking news badge with red pulsing dot.

Canlı incele Rozetler

Confetti Burst Badge

Badge with colorful confetti burst animation.

#animation #transform

Canlı incele Rozetler

Electric Badge

Badge with electric pulse effect.

#animation #transform #shadow

Canlı incele Rozetler

Glow Pulse Badge

Badge with strong glowing pulse aura.

#animation #shadow

Canlı incele Rozetler

Heartbeat Badge

Badge that beats like a heart.

#animation #transform

Canlı incele Rozetler

Spin Badge

Badge that spins around its center.

#animation #transform

Canlı incele Rozetler

Wobble Badge

Badge that wobbles side to side.

#animation #transform

Canlı incele Rozetler

BG Slide FX Badge

Animated badge with sliding gradient background.

#animation #gradient #shadow

Canlı incele Rozetler

Color Cycle FX Badge

Animated badge that cycles through hue rotations.

#animation #gradient #transform

Canlı incele Rozetler

Fill Flood FX Badge

Animated badge with flooding radial fill overlay.

#animation #gradient #transform

Canlı incele Rozetler

Hue Shift FX Badge

Animated badge with gentle hue-shift in/out oscillation.

#animation #gradient #transform

Canlı incele Rozetler

Letter Pop FX Badge

Animated badge with sequential letter pop animation.

#animation #gradient #shadow

Canlı incele Rozetler

Soft Pulse FX Badge

Animated badge with gentle soft-pulse scale animation.

#animation #gradient #transform