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 Metin

Decrescendo Fade

Fading decrescendo volume on text.

#animation #transform #shadow

Canlı incele Metin

Dew Drop

Glistening dewdrop sliding down text.

#animation #transform #shadow

Canlı incele Metin

Drift Sideways

Text drifting gently sideways like a leaf.

#animation #transform

Canlı incele Metin

Drizzle Light

Light gentle drizzle over text.

#animation #gradient #shadow

Canlı incele Metin

Edwardian Elegant

Edwardian elegant cream on text.

#animation #gradient #shadow

Canlı incele Metin

Event Horizon

Dark ring of no return surrounding text.

#animation #gradient #transform

Canlı incele Metin

Fade In Slow

Slow fade in animation.

Canlı incele Metin

Fade Pulse

Text slowly fading in and out like a heartbeat.

Canlı incele Metin

Glissando Slide

Sliding glissando pitch on text.

#animation #gradient #transform

Canlı incele Metin

Glow Pulse Text

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

#animation #glow #shadow

Canlı incele Metin

Leo Lion

Majestic maned Leo lion zodiac sign.

#animation #gradient #shadow

Canlı incele Metin

Lotus Tranquil

Tranquil pink lotus on water text.

#animation #gradient #transform

Canlı incele Metin

Mist Haze

Soft misty haze over distant text.

#animation #transform #shadow

Canlı incele Metin

Music Note Bounce

Bouncing musical notes over text.

#animation #transform #shadow

Canlı incele Metin

Neon Flicker Text

Layered text shadows imitate a neon sign whose tubes stutter before settling.

#animation #shadow #neon

Canlı incele Metin

Neptune Blue

Deep blue ice giant Neptune.

#animation #gradient #shadow

Canlı incele Metin

Noon Blaze

Blazing midday sun over text.

#animation #shadow #filter

Canlı incele Metin

Outline Draw

A bright outline draws across the text from left to right and resets.

#animation #clip-path

Canlı incele Metin

Paprika Red

Red paprika spice on text.

#animation #gradient #shadow

Canlı incele Metin

Pearl Shimmer

Iridescent pearl shimmer with soft pastel shifts.

#animation #gradient

Canlı incele Metin

Peony Lush

Lush full pink peony on text.

#animation #gradient #transform

Canlı incele Metin

Pine Evergreen

Deep evergreen pine on text.

#animation #gradient #shadow

Canlı incele Metin

Quasar Beam

Brilliant quasar beam sweeping across bright text.

#animation #gradient #shadow

Canlı incele Metin

Rainbow Wave Bounce

Each letter cycles through rainbow hues while bouncing in a sine wave.

#animation #transform #wave

Canlı incele Metin

Red Giant Star

Swollen red giant star slowly expanding.

#animation #transform #shadow

Canlı incele Metin

Mask Reveal Text

Color slides in from left to reveal the text with a clip-path mask wipe.

#animation #clip-path

Canlı incele Metin

Rhythm Pulse

Steady rhythm pulse on text.

#animation #transform #shadow

Canlı incele Metin

Roman Column

Roman fluted column on text.

#animation #gradient #shadow

Canlı incele Metin

Rotate Spin

Text rotating 360 degrees continuously.

#animation #transform

Canlı incele Metin

Rotate Y Yaw

Y-axis yaw rotation animation.

#animation #transform

Canlı incele Metin

Saturate Pop

Text color pops between muted and fully saturated.

#animation #filter

Canlı incele Metin

Violent Shake

Text shakes violently for a brief moment then pauses, on a loop.

#animation #transform #rotate

Canlı incele Metin

Shake Vertical Rattle

Vertical rattle shake motion.

#animation #transform

Canlı incele Metin

Slice Reveal

A colored copy of the text splits into top and bottom halves sliding apart.

#animation #transform #clip-path

Canlı incele Metin

Sphere Shaded

Text filled with a radial highlight gradient giving a spherical metallic look.

#gradient #animation #shadow

Canlı incele Metin

Strawberry Red

Sweet red strawberry on text.

#animation #gradient #transform

Canlı incele Metin

Sustain Ring

Long sustained ringing note on text.

#animation #shadow #filter

Canlı incele Metin

Treble Clef

Curving treble clef over text.

#animation #transform #shadow

Canlı incele Metin

Treble Tinkle

High treble tinkle on text.

#animation #transform #shadow

Canlı incele Metin

Tremor Hard Seismic

Hard seismic tremor motion.

#animation #transform

Canlı incele Metin

Tulip Cup

Cup-shaped tulip gradient on text.

#animation #gradient #transform

Canlı incele Metin

Typewriter Line

Characters appear one step at a time behind a blinking block cursor.

#animation #border #typewriter

Canlı incele Metin

Vibrate Fast Buzz

Fast buzzing vibration motion.

#animation #transform

Canlı incele Metin

Vibrate Slow Hum

Slow humming vibration motion.

#animation #transform

Canlı incele Metin

Water Ripple

Text with a watery ripple distortion effect.

#animation #gradient #transform

Canlı incele Metin

Wave Bounce Letters

Letters rise and fall in a smooth traveling wave.

#animation #transform #wave

Canlı incele Metin

White Dwarf

Dense, hot white dwarf with intense glow.

#animation #shadow #filter

Canlı incele Metin

Willow Weep

Weeping willow branches on text.

#animation #transform #shadow

Canlı incele Metin

Zenith Peak

Bright peak point directly overhead in text.

#animation #gradient #filter

Canlı incele Metin

Zoom In

Text zooming in from far distance.

#animation #transform

Canlı incele İpuçları

Flash Strobe

Tooltip that flashes with a strobe-like opacity animation.

#hover #animation #transform

Canlı incele İpuçları

Orbit Circles

Tooltip with orbiting circles decoration above the trigger.

#hover #animation #transform

Canlı incele İpuçları

Progress Circular

Tooltip with circular progress indicator above the trigger.

#hover #animation #transform

Canlı incele İpuçları

Pulse Throb

Tooltip that throbs with a gentle pulse animation on hover.

#hover #animation #transform

Canlı incele İpuçları

Shimmer Wave

Tooltip with a shimmering wave gradient sweeping across.

#hover #animation #gradient

Canlı incele İpuçları

Tada Success

Success tooltip celebrates with a tada animation above the trigger.

#hover #animation #transform

Canlı incele İpuçları

Zig Zag

Tooltip that zigzags into view above the trigger.

#hover #animation #transform

Canlı incele Zaman Çizelgeleri

Dash Career Timeline

Sprint seasons stack as track lanes and the newest runner leans further down the straight.

#animation #transform #sport

Canlı incele Zaman Çizelgeleri

Lagoon Thumbnail Timeline

Every entry carries a small gradient frame whose light drifts on its own beat.

#thumbnail #gradient #animation

Canlı incele Zaman Çizelgeleri

Mica Growing Timeline

The mica rail redraws itself downward on a loop and each dot pops in behind it.

#animation #keyframes #list

Canlı incele Zaman Çizelgeleri

Reef Habit Week

A week of habit dots per row, with today's column ringed and pulsing.

#habit #grid #animation

Canlı incele Zaman Çizelgeleri

Spindle Reading Series

Three spindle speed samples grow into columns above a dashed limit line.

#chart #animation #bars

Canlı incele Anahtarlar

Binary Flow

Binary digits stream across the track as data flows.

#animation #gradient #transform

Canlı incele Anahtarlar

Butterfly / Cocoon

Cocoon bursts open into a fluttering butterfly.

#animation #gradient #transform

Canlı incele Anahtarlar

Cog Mesh

Two interlocking cogwheels rotate together when engaged.

#animation #gradient #transform

Canlı incele Anahtarlar

Flap / Still

Flapping wing knob goes still on the amber track.

#animation #transform #shadow

Canlı incele Anahtarlar

Focused / Distracted

Target stays centered when focused, scatters when distracted.

#animation #transform #shadow

Canlı incele Anahtarlar

Fog Roll

Thick fog rolls across the eerie track obscuring the knob.

#animation #gradient #transform

Canlı incele Anahtarlar

Graphite Pulse

Graphite dark with pulsing inner glow.

#animation #gradient #transform

Canlı incele Anahtarlar

Harmony / Dissonance

Knob jitters with a chaotic animation when dissonance is on.

#animation #transform #shadow

Canlı incele Anahtarlar

Jelly Wobble

Soft jelly knob wobbles with a bouncy spring animation.

#animation #gradient #transform

Canlı incele Anahtarlar

Manual / Auto

Hand-crank knob shifts to a spinning gear for auto mode.

#animation #transform #shadow

Canlı incele Anahtarlar

Marquee Bulb

Theater marquee bulbs chase in sequence when lit.

#animation #gradient #transform

Canlı incele Anahtarlar

Microphone Live

Microphone glows red and emits pulsing sound waves when live.

#animation #border #transform

Canlı incele Anahtarlar

Plasma Bolt

Electric plasma bolt crackles between two posts when active.

#animation #gradient #transform

Canlı incele Anahtarlar

Pulse / Throb

Steady knob starts throbbing with a heartbeat pulse.

#animation #transform #shadow

Canlı incele Anahtarlar

Quake / Stable

Quaking knob stabilizes on the brown track when toggled.

#animation #transform #shadow

Canlı incele Anahtarlar

Radar Sweep

Radial sweep rotates across the dark scope as the knob moves.

#animation #gradient #transform

Canlı incele Anahtarlar

Rhythm / Pause

Knob pulses to a rhythm while playing and freezes on pause.

#animation #transform #shadow

Canlı incele Anahtarlar

Rigid / Flexible

Rigid knob wobbles elastically when toggled to flexible.

#animation #transform #shadow

Canlı incele Anahtarlar

Roll / Halt

Wheel knob spins while rolling and stops dead when halted.

#animation #gradient #transform

Canlı incele Anahtarlar

Shake / Stable

Wobbly knob settles into a stable still position.

#animation #transform #shadow

Canlı incele Anahtarlar

Shuriken / Boomerang

Spinning shuriken knob becomes a returning boomerang.

#animation #transform #shadow

Canlı incele Anahtarlar

Squish Knob Toggle

The knob flattens against the track mid-travel and rounds out again on arrival.

#animation #transform #border

Canlı incele Anahtarlar

Sync / Async

Spinning sync knob pauses into an async state on toggle.

#animation #transform #shadow

Canlı incele Anahtarlar

Sync Spin

Two arrows form a sync circle that spins while syncing.

#animation #transform #shadow

Canlı incele Anahtarlar

Tempo Slow / Fast

Knob spins slow when off and accelerates when toggled on.

#animation #gradient #transform

Canlı incele Anahtarlar

Thunder Storm

Lightning bolt crackles to life on a stormy track.

#animation #gradient #transform

Canlı incele Anahtarlar

Tornado Spin

Tornado icon spins up when the storm toggle activates.

#animation #transform #shadow

Canlı incele Anahtarlar

Tremor / Calm

Tremoring knob calms down on the violet track.

#animation #transform #shadow

Canlı incele Anahtarlar

Turbine Spin

Power turbine blades spin to generate energy.

#animation #gradient #transform

Canlı incele Anahtarlar

Win / Lose RNG

Trophy knob becomes a loss X with a roll-the-dice feel.

#animation #transform #shadow

Canlı incele Anahtarlar

X-Ray Vision

Skeleton pattern reveals through the track when x-rayed.

#animation #gradient #transform

Canlı incele Anahtarlar

Zircon Spark

Zircon crystal with diamond-bright spark.

#animation #gradient #transform

Canlı incele Akordeonlar

Anvil History Accordion

Activity is grouped by day and each group tightens its letter spacing as it lands.

#details #history #letter-spacing

Canlı incele Akordeonlar

Arc Vapor Accordion

A sunset gradient with a receding neon grid running under the glowing rows.

#radio #vaporwave #gradient