LibraryCSSÜcretsiz Saf CSS Efekt Kütüphanesi

Öne çıkanlar

En popüler CSS efektleri

Kütüphanedeki 10.238 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 Yükleyiciler

Has-Selector Complete Loader

Tick the box and :has() flips the whole spinner into a finished checkmark state.

#animation #transform #border

Canlı incele Yükleyiciler

Heart Beat

Heart shape beating like a real pulse.

#animation #transform

Canlı incele Yükleyiciler

Valentine Heart Pulse

Valentine heart pulsing with love.

#animation #gradient #transform

Canlı incele Yükleyiciler

ECG Heartbeat

A red ECG trace line drawing itself left-to-right on a dark scope.

#animation #shadow #border

Canlı incele Yükleyiciler

Heat Haze

Heat haze shimmering over surface.

#animation #gradient #transform

Canlı incele Yükleyiciler

DNA Helix

Paired dots rotating in 3D to form a twisting double helix.

#animation #3d #shadow

Canlı incele Yükleyiciler

Helmet Glow

Knight helmet with glowing visor.

#animation #gradient #transform

Canlı incele Yükleyiciler

Hexagon Pulse

Hexagon pulsing inward and outward.

#animation #gradient #transform

Canlı incele Yükleyiciler

High Jump Bar

Athlete clearing high jump bar.

#animation #transform #shadow

Canlı incele Yükleyiciler

Hilbert Curve

Hilbert space-filling curve drawing.

Canlı incele Yükleyiciler

Hinge Swing

Door swinging on hinge.

#animation #gradient #transform

Canlı incele Yükleyiciler

Hockey Puck

Hockey puck sliding across the ice rink surface.

#animation #gradient #shadow

Canlı incele Yükleyiciler

Honey Drip

Honey dripping slowly.

#animation #gradient #transform

Canlı incele Yükleyiciler

Horseshoe Toss

Horseshoe arcing toward post.

#animation #gradient #transform

Canlı incele Yükleyiciler

Hot Air Balloon

Hot air balloon rising with the burner flame flickering.

#animation #gradient #transform

Canlı incele Yükleyiciler

Hourglass Flip

A warm amber hourglass shape that periodically flips itself.

#gradient #animation #glass

Canlı incele Yükleyiciler

Hourglass Flip

Hourglass with sand flowing.

#animation #transform #border

Canlı incele Yükleyiciler

Hula Hoop Twirl

Hula hoop twirling around waist.

#animation #gradient #transform

Canlı incele Yükleyiciler

Hurdle Leap

Runner leaping over hurdle.

#animation #gradient #transform

Canlı incele Yükleyiciler

Hurricane Eye

Hurricane with rotating eye wall.

#animation #gradient #transform

Canlı incele Yükleyiciler

Hyperspace

Stars streaking past in hyperspace.

#animation #gradient #transform

Canlı incele Yükleyiciler

Ice Crystal

Hexagonal ice crystal rotating.

#animation #transform #shadow

Canlı incele Yükleyiciler

Icosahedron Spin

Twenty-sided polyhedron rotating.

#animation #transform #3d

Canlı incele Yükleyiciler

Incense Clock

Incense stick burning with smoke.

#animation #gradient #transform

Canlı incele Yükleyiciler

Indeterminate Bar

A sliver of light sweeping back and forth across a track.

#gradient #animation #shadow

Canlı incele Yükleyiciler

Induction Motor

Induction motor with squirrel cage.

#animation #gradient #transform

Canlı incele Yükleyiciler

Infinity Loader

A glowing dot tracing a figure-8 infinity path.

#animation #shadow #border

Canlı incele Yükleyiciler

Jack-O-Lantern Glow

Jack-o-lantern with glowing face.

#animation #gradient #shadow

Canlı incele Yükleyiciler

Jackpot Burst

Coins bursting outward from a central jackpot star.

#animation #transform #filter

Canlı incele Yükleyiciler

Jam Spread

Jam spreading on bread.

#animation #gradient #transform

Canlı incele Yükleyiciler

Javelin Throw

Javelin flying through air.

#animation #gradient #transform

Canlı incele Yükleyiciler

Jellyfish

Jellyfish pulsing as it drifts with tentacles flowing.

#animation #gradient #transform

Canlı incele Yükleyiciler

Jet Engine

Jet engine turbine fan blades spinning inside the cowling.

#animation #gradient #transform

Canlı incele Yükleyiciler

Jigsaw Piece

Jigsaw puzzle piece fitting.

#animation #gradient #transform

Canlı incele Yükleyiciler

Joystick

Joystick tilting in circles.

#animation #gradient #transform

Canlı incele Yükleyiciler

Joystick Wiggle

Arcade joystick wiggling back and forth on its base.

#animation #gradient #transform

Canlı incele Yükleyiciler

Juicer Press

Citrus juicer half spinning to extract juice.

#animation #gradient #transform

Canlı incele Yükleyiciler

Jump Rope Spin

Jump rope spinning around.

#animation #transform #border

Canlı incele Yükleyiciler

Kaleidoscope

Kaleidoscope pattern morphing colors.

#animation #gradient #transform

Canlı incele Yükleyiciler

Kettle Steam

Whistling kettle with steam puffing from its spout.

#animation #gradient #transform

Canlı incele Yükleyiciler

Kettlebell Swing

Kettlebell swinging on arc.

#animation #gradient #transform

Canlı incele Yükleyiciler

Kite Fly

Kite flying with waving tail.

#animation #gradient #transform

Canlı incele Yükleyiciler

Knob Turn

Knob turning back and forth.

#animation #gradient #transform

Canlı incele Yükleyiciler

Knot Tie

Loop tightening into a knot shape.

#animation #transform #border

Canlı incele Yükleyiciler

Labyrinth

Concentric labyrinth spiral rotating.

#animation #gradient #transform

Canlı incele Yükleyiciler

Lamp Glow

Oil lamp with glowing flame.

#animation #gradient #transform

Canlı incele Yükleyiciler

Lattice Blink

Diagonal lattice pattern blinking.

#animation #transform

Canlı incele Yükleyiciler

LED Display

LED display with shifting numbers.

#animation #shadow

Canlı incele Yükleyiciler

Lemon Squeeze

Lemon being squeezed.

#animation #gradient #transform

Canlı incele Yükleyiciler

Level Balance

Spirit level with bubble in tube.

#animation #gradient #transform

Canlı incele Yükleyiciler

Level Bubble

Spirit level with bubble sliding to find center.

#animation #gradient #shadow

Canlı incele Yükleyiciler

Lever Rock

Lever rocking on fulcrum.

#animation #transform #border

Canlı incele Yükleyiciler

Lighter Flame

Lighter with flickering flame.

#animation #gradient #transform

Canlı incele Yükleyiciler

Lighthouse Beam

Lighthouse with rotating beam.

#animation #gradient #transform

Canlı incele Yükleyiciler

Lighthouse Beam Sweep

Lighthouse with sweeping beam.

#animation #gradient #transform

Canlı incele Yükleyiciler

Lightning Bolt

Lightning bolt flashing on and off during a storm.

#animation #transform #shadow

Canlı incele Yükleyiciler

Line Flow

Horizontal lines flowing across.

#animation #gradient

Canlı incele Yükleyiciler

Line Stretch Pulse

Vertical lines stretching in sequence.

Canlı incele Yükleyiciler

Lollipop Spin

Lollipop spinning spiral.

#animation #gradient #transform

Canlı incele Yükleyiciler

Lunar Module

Lunar module descending with thrusters.

#animation #gradient #transform

Canlı incele Yükleyiciler

Maracas Shake

Maracas shaking rhythmically.

#animation #gradient #transform

Canlı incele Yükleyiciler

Marathon Run

Runner sprinting on track.

#animation #gradient #transform

Canlı incele Yükleyiciler

Marimba Mallet

Marimba mallet bouncing between two wooden bars.

#animation #gradient #transform

Canlı incele Yükleyiciler

Marquee Bulb

Theater marquee bulbs chasing in sequence.

#animation #shadow

Canlı incele Yükleyiciler

Mars Rover

Mars rover rolling across terrain.

#animation #gradient #transform

Canlı incele Yükleyiciler

Maze Trace

Path tracing through a maze pattern.

Canlı incele Yükleyiciler

Mechanical Clock

Mechanical clock with ticking hands.

#animation #gradient #transform

Canlı incele Yükleyiciler

Mesh Pulse

Mesh of dots pulsing outward from center.

#animation #transform

Canlı incele Yükleyiciler

Meteor Shower

Multiple meteors falling diagonally.

#animation #gradient #transform

Canlı incele Yükleyiciler

Meter Dial

Analog meter dial sweeping.

#animation #gradient #transform

Canlı incele Yükleyiciler

Metronome

A wooden metronome body with an amber arm ticking side to side.

#gradient #animation #border

Canlı incele Yükleyiciler

Microburst

Microburst of downward wind.

#animation #gradient #transform

Canlı incele Yükleyiciler

Microphone Feedback

Microphone emitting feedback waves.

#animation #gradient #transform

Canlı incele Yükleyiciler

Milk Splash

Milk glass with splash droplets.

#animation #gradient #transform

Canlı incele Yükleyiciler

Milky Way

Milky Way band of stars flowing.

#animation #gradient

Canlı incele Yükleyiciler

Mirage

Mirage shimmering in the desert.

#animation #gradient #transform

Canlı incele Yükleyiciler

Mirror Ball

Mirror ball with sparkle highlights.

#animation #gradient #transform

Canlı incele Yükleyiciler

Mirror Shine

Light reflecting off mirror surface.

#animation #gradient

Canlı incele Yükleyiciler

Mist Roll

Low mist rolling across the ground.

#animation #gradient #filter

Canlı incele Yükleyiciler

Moire Shift

Overlapping grids creating moire pattern.

#animation #gradient #transform

Canlı incele Yükleyiciler

Monsoon

Monsoon heavy rain falling.

#animation #gradient

Canlı incele Yükleyiciler

Monster Truck

Monster truck bouncing on giant tires with crash impact.

#animation #gradient #transform

Canlı incele Yükleyiciler

Moon Orbit

Moon revolving around a planet.

#animation #gradient #transform

Canlı incele Yükleyiciler

Moon Phase

Moon cycling through its phases from new to full.

#animation #transform

Canlı incele Yükleyiciler

Shape Morph Cycle

Morphing between circle, square, and triangle.

#animation #gradient #transform

Canlı incele Yükleyiciler

Morse Beacon

Blinking beacon signaling SOS in Morse code.

#animation #shadow #border

Canlı incele Yükleyiciler

Motor Hum

Electric motor humming with vibration.

#animation #gradient #transform

Canlı incele Yükleyiciler

Mountain Peak

Mountain peak with snow blowing off the summit.

#animation #gradient

Canlı incele Yükleyiciler

Muffin Rise

Muffin rising in oven.

#animation #gradient #transform

Canlı incele Yükleyiciler

Mummy Wrap

Mummy bandage wrapping around.

#animation #gradient #transform

Canlı incele Yükleyiciler

Mushroom Grow

Mushroom cap pulsing as the stem grows taller.

#animation #gradient

Canlı incele Yükleyiciler

Music Note Bounce

Music note bouncing on staff.

#animation #transform

Canlı incele Yükleyiciler

Nebula Cloud

Nebula cloud with shifting colors.

#animation #gradient #transform

Canlı incele Yükleyiciler

Neon Flicker

Neon sign flickering on and off.

#animation #shadow #border

Canlı incele Yükleyiciler

Neutron Star

Dense neutron star spinning rapidly.

#animation #gradient #transform

Canlı incele Yükleyiciler

Nimbus

Dark nimbus rain cloud.

#animation #gradient #transform