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 Yükleyiciler

Orbit Dots Loader

Three dots ride an invisible orbit at staggered offsets around a still centre.

#animation #transform #shadow

Canlı incele Yükleyiciler

Organ Pipe

Organ pipes with flowing air.

#animation #gradient #transform

Canlı incele Yükleyiciler

Ornament Twirl

Christmas ornament spinning.

#animation #gradient #transform

Canlı incele Yükleyiciler

Owl Blink

Owl with large eyes blinking while perched on a branch.

#animation #gradient #transform

Canlı incele Yükleyiciler

Pac-Man Chase

Pac-Man chasing a ghost across the screen in a loop.

Canlı incele Yükleyiciler

Pagoda Tier

Pagoda with tiered roofs.

#animation #gradient #transform

Canlı incele Yükleyiciler

Paint Roller

Paint roller rolling color across a wall stripe.

#animation #gradient #border

Canlı incele Yükleyiciler

Paintbrush Stroke

Paintbrush sweeping back and forth painting a stripe.

#animation #gradient #transform

Canlı incele Yükleyiciler

Pancake Flip

Pancake flipping in pan.

#animation #gradient #transform

Canlı incele Yükleyiciler

Parachute

Parachute slowly descending with cords swaying.

#animation #gradient #transform

Canlı incele Yükleyiciler

Confetti Rain

Confetti falling from above.

#animation #transform

Canlı incele Yükleyiciler

Party Horn Blow

Party horn unrolling with sound.

#animation #gradient #transform

Canlı incele Yükleyiciler

Pedal Press

Foot pedal being pressed.

#animation #transform

Canlı incele Yükleyiciler

Pendulum Swing

A weighted pendulum swinging back and forth from a fixed pivot.

#gradient #animation #shadow

Canlı incele Yükleyiciler

Pendulum Swing

Pendulum swinging on pivot.

#animation #gradient #transform

Canlı incele Yükleyiciler

Penguin Waddle

Penguin wobbling side to side as it walks on ice.

#animation #gradient #transform

Canlı incele Yükleyiciler

Penrose Triangle

Impossible triangle rotating endlessly.

#animation #gradient #transform

Canlı incele Yükleyiciler

Pentagon Orbit Quintet

Five dots orbiting in a pentagon pattern.

#animation #transform

Canlı incele Yükleyiciler

Pentagon Rotate

Pentagon rotating while pulsing color.

#animation #transform #filter

Canlı incele Yükleyiciler

Pepper Grind

Pepper mill grinding peppercorns.

#animation #gradient #transform

Canlı incele Yükleyiciler

Pepper Mill

Wooden pepper mill being twisted to grind peppercorns.

#animation #gradient #transform

Canlı incele Yükleyiciler

Piano Key Press

Piano keys being pressed in sequence.

#animation #gradient #transform

Canlı incele Yükleyiciler

Piano Keys

Piano keyboard with keys pressing down in sequence.

#animation #gradient #transform

Canlı incele Yükleyiciler

Pickaxe Swing

Pickaxe swinging down to strike rock.

#animation #gradient #transform

Canlı incele Yükleyiciler

Pie Slice

Pie slice with steam.

#animation #gradient #transform

Canlı incele Yükleyiciler

Pillar Arch

Stone archway with pillar pulsing.

#animation #gradient #transform

Canlı incele Yükleyiciler

Pinball Flipper

Pinball flippers batting a ball back and forth.

#animation #gradient #transform

Canlı incele Yükleyiciler

Pinch Puppet

Puppet bobbing on string.

#animation #gradient #transform

Canlı incele Yükleyiciler

Pine Cone

Pine cone with scales opening and closing.

#animation #gradient #transform

Canlı incele Yükleyiciler

Ping Pong

Table tennis ball bouncing between two paddles.

#animation #gradient

Canlı incele Yükleyiciler

Pirate Ship

Pendulum pirate ship swinging higher with each pass.

#animation #gradient #transform

Canlı incele Yükleyiciler

Pixel Flame

Pixelated campfire flame flickering upward.

#animation #transform #shadow

Canlı incele Yükleyiciler

Pixel Heart

8-bit pixelated heart beating in retro arcade style.

#animation #transform #shadow

Canlı incele Yükleyiciler

Pizza Cutter

Pizza cutter wheel rolling across a slice.

#animation #gradient #transform

Canlı incele Yükleyiciler

Pizza Spin

Spinning pizza slice.

#animation #gradient #transform

Canlı incele Yükleyiciler

Planet Orbit

Planet revolving around a sun.

#animation #gradient #transform

Canlı incele Yükleyiciler

Planetarium

Dome with stars projected rotating.

#animation #gradient #transform

Canlı incele Yükleyiciler

Planetary Gear

Planetary gear system orbiting.

#animation #gradient #transform

Canlı incele Yükleyiciler

Pliers Grip

Pliers opening and closing their jaws in a grip motion.

#animation #gradient #transform

Canlı incele Yükleyiciler

Plumb Bob

Plumb bob swaying from a taut string to find vertical.

#animation #gradient #transform

Canlı incele Yükleyiciler

Pneumatic Cylinder

Pneumatic cylinder extending piston.

#animation #gradient

Canlı incele Yükleyiciler

Poker Chip

3D poker chip flipping and spinning in midair.

#animation #gradient #transform

Canlı incele Yükleyiciler

Polaroid Flash

Polaroid camera flash bulb charging and discharging.

#animation #gradient #transform

Canlı incele Yükleyiciler

Polygon Morph

Polygon morphing through different side counts.

Canlı incele Yükleyiciler

Pommel Horse Spin

Gymnast spinning on pommel horse.

#animation #gradient #transform

Canlı incele Yükleyiciler

Pong Paddle

Classic Pong paddles bouncing a square ball back and forth.

Canlı incele Yükleyiciler

Pop Cycle Scale

Shape popping and cycling scale.

#animation #transform

Canlı incele Yükleyiciler

Popcorn Pop

Popcorn kernels popping.

#animation #gradient #transform

Canlı incele Yükleyiciler

Popsicle Drip

Popsicle with dripping juice.

#animation #gradient #transform

Canlı incele Yükleyiciler

Portal Vortex

Swirling portal vortex.

#animation #gradient #transform

Canlı incele Yükleyiciler

Portcullis Drop

Portcullis gate dropping and rising.

#animation #gradient #transform

Canlı incele Yükleyiciler

Potion Bubble

Potion flask with rising bubbles.

#animation #gradient #transform

Canlı incele Yükleyiciler

Power Pylon

Power pylon with flowing current.

#animation #gradient

Canlı incele Yükleyiciler

Pressure Valve

Pressure cooker valve rocking back and forth releasing steam.

#animation #gradient #transform

Canlı incele Yükleyiciler

Prism Light

Light splitting through prism into rainbow.

#animation #gradient #transform

Canlı incele Yükleyiciler

Prism Rotate

Triangular prism rotating in 3D.

#animation #transform #border

Canlı incele Yükleyiciler

Progress Circle

An SVG circle with a sweeping arc that grows and shrinks while rotating.

#animation #transform #rotate

Canlı incele Yükleyiciler

Progress Steps

Five horizontal step segments filling in sequence with a cyan-blue gradient.

#gradient #animation #border

Canlı incele Yükleyiciler

Projector

Movie projector with light beam.

#animation #gradient

Canlı incele Yükleyiciler

Propeller Spin

Airplane propeller spinning.

#animation #gradient #transform

Canlı incele Yükleyiciler

Protractor Angle

Protractor with rotating angle arm.

#animation #transform

Canlı incele Yükleyiciler

Puddle Ripple

Ripples expanding outward in a puddle from a drop.

#animation #transform #border

Canlı incele Yükleyiciler

Pulley Lift

Pulley lifting a load on rope.

#animation #transform

Canlı incele Yükleyiciler

Pullup Bar

Figure doing pullup on bar.

#animation #gradient

Canlı incele Yükleyiciler

Pulsar

Pulsar emitting beams in rhythmic pulses.

#animation #gradient #transform

Canlı incele Yükleyiciler

Pulse Dots

Three dots scaling and glowing in a staggered pulse sequence.

#animation #shadow #border

Canlı incele Yükleyiciler

Pulse Grid Loader

A nine cell grid where each square fades in on a diagonal delay wave.

#animation #transform

Canlı incele Yükleyiciler

Pulse Meter

Heart pulse meter with ECG line.

#animation #transform

Canlı incele Yükleyiciler

Pulse Ring

A ring that pulses outward around a glowing core dot.

#animation #shadow #border

Canlı incele Yükleyiciler

Pulse Stripe Bar

Striped bar pulsing with color shift.

#animation #gradient #transform

Canlı incele Yükleyiciler

Pump Stroke

Pump handle stroking up and down.

#animation #gradient

Canlı incele Yükleyiciler

Pumpkin Carve

Pumpkin with glowing carved face.

#animation #gradient #transform

Canlı incele Yükleyiciler

Pushup

Figure doing pushup motion.

#animation #gradient #transform

Canlı incele Yükleyiciler

Spinning Pyramid

An amber triangle spinning on its vertical axis like a 3D pyramid.

#gradient #animation #3d

Canlı incele Yükleyiciler

3D Pyramid

Pyramid rotating in 3D space.

#animation #transform #border

Canlı incele Yükleyiciler

Pyramid Block

Pyramid block rising with sun.

#animation #gradient #transform

Canlı incele Yükleyiciler

Square Quad Orbit

Four dots orbiting in a square pattern.

#animation #transform

Canlı incele Yükleyiciler

Quartz Clock

Quartz clock with smooth second hand.

#animation #gradient #transform

Canlı incele Yükleyiciler

Quasar

Quasar emitting twin jets of energy.

#animation #gradient #transform

Canlı incele Yükleyiciler

Rabbit Hop

Rabbit hopping in arcs with ears flopping.

#animation #gradient #transform

Canlı incele Yükleyiciler

Rack and Pinion

Rack and pinion steering mechanism.

#animation #gradient #transform

Canlı incele Yükleyiciler

Radar Sweep

A green radar scope with a rotating conic sweep and a glowing dot.

#gradient #animation #shadow

Canlı incele Yükleyiciler

Radar Sweep

Radar screen with sweeping line.

#animation #gradient #transform

Canlı incele Yükleyiciler

Radio Dial

Analog radio needle sweeping across a frequency dial.

#animation #gradient #transform

Canlı incele Yükleyiciler

Rain Drop

Raindrops falling continuously from above.

#animation #gradient

Canlı incele Yükleyiciler

Rainbow Arc

Rainbow arc being drawn across the sky in colored bands.

#animation #transform #border

Canlı incele Yükleyiciler

Double Rainbow

Double rainbow arcing across sky.

#animation #transform #border

Canlı incele Yükleyiciler

Rainbow Fade

Rainbow colors fading through spectrum.

#animation #gradient

Canlı incele Yükleyiciler

Rainbow Stripes Flow

Diagonal rainbow stripes flowing across.

#animation #gradient

Canlı incele Yükleyiciler

Ramen Steam

Ramen bowl with rising steam.

#animation #gradient #transform

Canlı incele Yükleyiciler

Red Giant

Red giant star pulsing slowly.

#animation #gradient #transform

Canlı incele Yükleyiciler

Reel-to-Reel

Studio reel-to-reel tape decks spinning with magnetic tape.

#animation #gradient #transform

Canlı incele Yükleyiciler

Reindeer Leap

Reindeer leaping through snow.

#animation #gradient #transform

Canlı incele Yükleyiciler

Relay Baton Pass

Relay baton being passed.

#animation #gradient #transform

Canlı incele Yükleyiciler

Dual Ring Loader

Two arcs spin in opposite directions inside one another at different speeds.

#animation #transform #border