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 Kartlar

New Home Card

New home card with a house illustration, key, and a welcoming message.

#animation #gradient #transform

Canlı incele Kartlar

Notification Toast

Slide-in notification toast with an app icon, title, message and timestamp.

#gradient #animation #shadow

Canlı incele Kartlar

Online Status Card

Online status card with avatar, dot indicator, and activity.

#animation #gradient #shadow

Canlı incele Kartlar

Perfume Bottle Spray Card

Perfume bottle card with fragrance name, notes, and spray mist.

#animation #gradient #transform

Canlı incele Kartlar

Progress Card

Goal progress card with a percentage, animated bar, and a streak counter.

#animation #gradient #shadow

Canlı incele Kartlar

Ramen Bowl Steam Card

Ramen bowl card with noodles, broth, toppings, and rising steam.

#animation #gradient #transform

Canlı incele Kartlar

Rare Glow Card

Rare-tier card framed in a pulsing blue energy border with a crystalline emblem.

#animation #gradient #shadow

Canlı incele Kartlar

Reminder Card

Reminder card with a bell icon, snooze option, and a soft pastel background.

#animation #gradient #transform

Canlı incele Kartlar

Retro Terminal Card

Old-school CRT terminal card with scanlines, blinking cursor and monochrome green.

#gradient #animation #shadow

Canlı incele Kartlar

RPG Map Card

Treasure map card with a parchment texture, dotted path, and an X marker.

#animation #gradient #transform

Canlı incele Kartlar

Scratch Card

Scratch-off card with a metallic foil patch, prize hint, and a coin-edge detail.

#animation #gradient #transform

Canlı incele Kartlar

Seasonal Card

Seasonal autumn card with falling leaves, warm orange palette, and pumpkin badge.

#animation #gradient #transform

Canlı incele Kartlar

Server Status Card

Server status card with a pulsing green LED, uptime, and a response time.

#animation #gradient #shadow

Canlı incele Kartlar

Shine Sweep Card

Card with a diagonal shine that sweeps across the surface on hover.

#gradient #animation #hover

Canlı incele Kartlar

Solar System Card

Solar system card with planets, sun, and orbital paths.

#animation #gradient #transform

Canlı incele Kartlar

Statistics Card

Dashboard stat card with a big number, trend arrow and an animated mini sparkline.

#gradient #animation #shadow

Canlı incele Kartlar

Success Toast Card

Success toast card with a check icon, message, and an auto-dismiss progress.

#animation #transform #shadow

Canlı incele Kartlar

Tarot: The Moon

Moon tarot card with a crescent, two towers silhouette, and a starry veil.

#animation #gradient #shadow

Canlı incele Kartlar

Tarot: The Star

Tarot card with a glowing seven-point star and a deep indigo nightscape.

#animation #gradient #transform

Canlı incele Kartlar

Treasure Chest Card

Treasure chest card with an open lid, glowing gold pile, and a sparkle effect.

#animation #gradient #transform

Canlı incele Kartlar

Trophy Card

Trophy card with a golden cup, glowing aura, and a pedestal nameplate.

#animation #gradient #transform

Canlı incele Kartlar

Twitch Follow Channel Card

Twitch channel card with streamer avatar, live status, and follow button.

#animation #gradient #shadow

Canlı incele Kartlar

Valet Ticket Card

Valet ticket card with a numbered stub, key icon, and claim instructions.

#animation #gradient #transform

Canlı incele Kartlar

Vinyl Record Card

Vinyl record card with a spinning grooved disc and a center label.

#animation #gradient #transform

Canlı incele Kartlar

Warning Banner Card

Warning banner card with a triangle icon, amber stripe, and an action link.

#animation #gradient #transform

Canlı incele Kartlar

Weather Card

Weather forecast card with a spinning sun icon, temperature, location and a 5-day strip.

#gradient #animation #shadow

Canlı incele Kartlar

Rain Weather Card

Rainy weather card with animated raindrops streaking down a slate-blue card.

#animation #gradient #shadow

Canlı incele Kartlar

Storm Weather Card

Storm weather card with lightning flash, dark clouds, and a wind speed readout.

#animation #gradient #transform

Canlı incele Kartlar

Sunny Weather Card

Sunny weather card with a rotating sun, warm sky gradient, and UV index.

#animation #gradient #transform

Canlı incele Kartlar

Welcome Card

Welcome card with a waving hand, open door motif, and a soft sunrise gradient.

#animation #gradient #transform

Canlı incele Onay Kutuları

Asteroid Rock Toggle

A jagged asteroid spins and lights up when checked.

#animation #gradient #transform

Canlı incele Onay Kutuları

Aurora Borealis Wave

A flowing wave of green and purple aurora lights up when checked.

#animation #gradient #transform

Canlı incele Onay Kutuları

Banana Peel Toggle

A banana wiggles yellow when checked.

#animation #transform #shadow

Canlı incele Onay Kutuları

Bee Buzz Toggle

A bee buzzes with a yellow glow when checked.

#animation #transform #shadow

Canlı incele Onay Kutuları

Beetle Crawl Toggle

A beetle crawls with a teal glow when checked.

#animation #transform #shadow

Canlı incele Onay Kutuları

Bell Ring Toggle

A bell rings with a gold glow when checked.

#animation #transform #shadow

Canlı incele Onay Kutuları

Bird Chirp Toggle

A bird flutters with a sky glow when checked.

#animation #transform #shadow

Canlı incele Onay Kutuları

Black Tea Toggle

A black tea bounces brown on check.

#animation #transform #shadow

Canlı incele Onay Kutuları

Blackberry Toggle

A blackberry pulses purple when checked.

#animation #transform #shadow

Canlı incele Onay Kutuları

Black Hole Swirl

A swirling vortex with a dark center draws matter inward when checked.

#animation #gradient #transform

Canlı incele Onay Kutuları

Blimp Toggle

A blimp floats horizontally when checked.

#animation #transform #shadow

Canlı incele Onay Kutuları

Boar Charge Toggle

A boar shakes with a brown glow when checked.

#animation #transform #shadow

Canlı incele Onay Kutuları

Lightning Bolt Zap

An SVG lightning bolt that zaps in with an electric yellow glow when toggled on.

#animation #shadow #border

Canlı incele Onay Kutuları

Dashed Border March

A dashed border that marches around the box when checked.

#animation #transform #border

Canlı incele Onay Kutuları

Gradient Border

A vibrant gradient border that appears when checked.

#animation #gradient #transform

Canlı incele Onay Kutuları

Pulsing Border

A checkbox whose border pulses continuously when checked.

#animation #transform #shadow

Canlı incele Onay Kutuları

Bubble Pop Checkbox

A soap bubble swells past its limit, bursts, and leaves the tick in its place.

#animation #gradient #transform

Canlı incele Onay Kutuları

Bulb Idea Toggle

A bulb glows yellow when checked.

#animation #transform #shadow

Canlı incele Onay Kutuları

Bumblebee Toggle

A bumblebee shakes yellow when checked.

#animation #transform #shadow

Canlı incele Onay Kutuları

Circle Burst Confetti

On check, a burst of confetti particles flies outward from the checkbox center.

#animation #border #transform

Canlı incele Onay Kutuları

Butterfly Flutter Toggle

A butterfly flutters with a violet glow when checked.

#animation #transform #shadow

Canlı incele Onay Kutuları

Candle Flame Toggle

A candle flickers orange when checked.

#animation #transform #shadow

Canlı incele Onay Kutuları

Candy Stripe Fill

A checkbox filled with animated diagonal candy stripes when checked.

#gradient #animation #border

Canlı incele Onay Kutuları

Cardinal Toggle

A cardinal bounces red on check.

#animation #transform #shadow

Canlı incele Onay Kutuları

Cat Purr Toggle

A cat face purrs with an orange glow when checked.

#animation #transform #shadow

Canlı incele Onay Kutuları

Caterpillar Crawl Toggle

A caterpillar wiggles with a lime glow when checked.

#animation #transform #shadow

Canlı incele Onay Kutuları

Cheese Wedge Toggle

A cheese wedge brightens yellow when checked.

#animation #transform #shadow

Canlı incele Onay Kutuları

Cherry Pair Toggle

A cherry pair bounces with a red glow when checked.

#animation #transform #shadow

Canlı incele Onay Kutuları

Cherry Blossom Toggle

A cherry blossom glows pink when checked.

#animation #transform #shadow

Canlı incele Onay Kutuları

Chickadee Toggle

A chickadee shakes gray when checked.

#animation #transform #shadow

Canlı incele Onay Kutuları

Rock Climbing Toggle

A climber spins brown when checked.

#animation #transform #shadow

Canlı incele Onay Kutuları

Cloud Drift In

A cloud emoji drifts in from the left with a soft blue glow and gentle bob when checked.

#animation #shadow #transform

Canlı incele Onay Kutuları

Rain Cloud Toggle

A rain cloud glows blue when checked.

#animation #transform #shadow

Canlı incele Onay Kutuları

Cockroach Toggle

A cockroach bounces brown on check.

#animation #transform #shadow

Canlı incele Onay Kutuları

Coconut Toggle

A coconut spins brown when checked.

#animation #transform #shadow

Canlı incele Onay Kutuları

Coffee Brew Toggle

A coffee cup steams up with a brown glow when checked.

#animation #transform #shadow

Canlı incele Onay Kutuları

Construction Toggle

A construction site shakes yellow when checked.

#animation #transform #shadow

Canlı incele Onay Kutuları

Cormorant Toggle

A cormorant spins black when checked.

#animation #transform #shadow

Canlı incele Onay Kutuları

Cortado Toggle

A cortado bounces brown on check.

#animation #transform #shadow

Canlı incele Onay Kutuları

Cosmic Dust Sparkles

Tiny sparkles of cosmic dust shimmer when checked.

#animation #gradient #transform

Canlı incele Onay Kutuları

Cowbird Toggle

A cowbird pulses brown when checked.

#animation #transform #shadow

Canlı incele Onay Kutuları

Crab Pinch Toggle

A crab scuttles with a red glow when checked.

#animation #transform #shadow

Canlı incele Onay Kutuları

Cranberry Toggle

A cranberry shakes red when checked.

#animation #transform #shadow

Canlı incele Onay Kutuları

Cricket Toggle

A cricket shakes green when checked.

#animation #transform #shadow

Canlı incele Onay Kutuları

Croissant Flaky Toggle

A croissant glows buttery gold when checked.

#animation #transform #shadow

Canlı incele Onay Kutuları

Crown Drop In

A crown emoji drops in from above with a bouncy settle when toggled on.

#animation #shadow #transform

Canlı incele Onay Kutuları

Crystal Ball Toggle

A crystal ball glows purple when checked.

#animation #transform #shadow

Canlı incele Onay Kutuları

Currant Toggle

A currant bounces red on check.

#animation #transform #shadow

Canlı incele Onay Kutuları

Cycling Toggle

A bike spins green when checked.

#animation #transform #shadow

Canlı incele Onay Kutuları

Daiquiri Toggle

A daiquiri bounces pink on check.

#animation #transform #shadow

Canlı incele Onay Kutuları

Darts Toggle

A dartboard spins red when checked.

#animation #transform #shadow

Canlı incele Onay Kutuları

Diamond Sparkle

A diamond emoji shimmers with a cyan glow and gentle rotation when toggled on.

#animation #3d #shadow

Canlı incele Onay Kutuları

Discus Throw Toggle

A discus bounces blue on check.

#animation #transform #shadow

Canlı incele Onay Kutuları

Dog Bark Toggle

A dog face bounces with a brown glow when checked.

#animation #transform #shadow

Canlı incele Onay Kutuları

Dolphin Leap Toggle

A dolphin leaps with a cyan glow when checked.

#animation #transform #shadow

Canlı incele Onay Kutuları

Dragonfruit Toggle

A dragonfruit bounces pink on check.

#animation #transform #shadow

Canlı incele Onay Kutuları

Drum Beat Toggle

A drum shakes red when checked.

#animation #transform #shadow

Canlı incele Onay Kutuları

Eagle Soar Toggle

An eagle soars with a golden glow when checked.

#animation #transform #shadow

Canlı incele Onay Kutuları

Earwig Toggle

An earwig spins brown when checked.

#animation #transform #shadow

Canlı incele Onay Kutuları

Eggplant Glossy Toggle

An eggplant glows purple when checked.

#animation #transform #shadow

Canlı incele Onay Kutuları

Egret Toggle

An egret bounces white on check.

#animation #transform #shadow

Canlı incele Onay Kutuları

Elderberry Toggle

An elderberry shakes purple when checked.

#animation #transform #shadow

Canlı incele Onay Kutuları

Factory Toggle

A factory shakes gray when checked.

#animation #transform #shadow

Canlı incele Onay Kutuları

Feather Drift Toggle

A feather drifts with a soft glow when checked.

#animation #transform #shadow