LibraryCSSÜcretsiz Saf CSS Efekt Kütüphanesi

#animation CSS efektleri

"animation" etiketiyle eşleşen 3.495 ücretsiz saf CSS efekti. Hepsi kopyala-yapıştır hazır; kullanmak için kütüphane veya derleme adımı gerekmez.

Canlı incele Cards

Location Pin Card

Map location card with a pin marker, address, distance, and a get-directions link.

#animation #gradient #transform

Canlı incele Cards

Mana Bar Card

Mana bar card with a glowing blue fill, shimmer animation, and a numeric label.

#animation #gradient #transform

Canlı incele Cards

Meditation Bell Card

Meditation session card with breathing circle and timer.

#animation #gradient #transform

Canlı incele Cards

Mini-Map Card

Game mini-map card with terrain tiles, a player arrow, and quest markers.

#animation #transform #shadow

Canlı incele Cards

Music Player

Compact music player card with album art, an animated progress bar and playback controls.

#gradient #animation #shadow

Canlı incele Cards

Mystic Rune Card

Mystic card with a slowly rotating rune circle and a glowing central sigil.

#animation #gradient #transform

Canlı incele Cards

Neon Edge Card

Cyberpunk-style card with a pulsing neon outline and corner accents.

#animation #glow #hover

Canlı incele Cards

New Home Card

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

#animation #gradient #transform

Canlı incele Cards

Notification Toast

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

#gradient #animation #shadow

Canlı incele Cards

Online Status Card

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

#animation #gradient #shadow

Canlı incele Cards

Perfume Bottle Spray Card

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

#animation #gradient #transform

Canlı incele Cards

Progress Card

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

#animation #gradient #shadow

Canlı incele Cards

Ramen Bowl Steam Card

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

#animation #gradient #transform

Canlı incele Cards

Rare Glow Card

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

#animation #gradient #shadow

Canlı incele Cards

Reminder Card

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

#animation #gradient #transform

Canlı incele Cards

Retro Terminal Card

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

#gradient #animation #shadow

Canlı incele Cards

RPG Map Card

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

#animation #gradient #transform

Canlı incele Cards

Scratch Card

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

#animation #gradient #transform

Canlı incele Cards

Seasonal Card

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

#animation #gradient #transform

Canlı incele Cards

Server Status Card

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

#animation #gradient #shadow

Canlı incele Cards

Shine Sweep Card

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

#gradient #animation #hover

Canlı incele Cards

Solar System Card

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

#animation #gradient #transform

Canlı incele Cards

Statistics Card

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

#gradient #animation #shadow

Canlı incele Cards

Success Toast Card

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

#animation #transform #shadow

Canlı incele Cards

Tarot: The Moon

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

#animation #gradient #shadow

Canlı incele Cards

Tarot: The Star

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

#animation #gradient #transform

Canlı incele Cards

Treasure Chest Card

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

#animation #gradient #transform

Canlı incele Cards

Trophy Card

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

#animation #gradient #transform

Canlı incele Cards

Twitch Follow Channel Card

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

#animation #gradient #shadow

Canlı incele Cards

Valet Ticket Card

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

#animation #gradient #transform

Canlı incele Cards

Vinyl Record Card

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

#animation #gradient #transform

Canlı incele Cards

Warning Banner Card

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

#animation #gradient #transform

Canlı incele Cards

Weather Card

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

#gradient #animation #shadow

Canlı incele Cards

Rain Weather Card

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

#animation #gradient #shadow

Canlı incele Cards

Snow Weather Card

Snowy weather card with drifting snowflakes over a frosty pale-blue field.

#animation #gradient #transform

Canlı incele Cards

Storm Weather Card

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

#animation #gradient #transform

Canlı incele Cards

Sunny Weather Card

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

#animation #gradient #transform

Canlı incele Cards

Welcome Card

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

#animation #gradient #transform

Canlı incele Checkboxes

Acai Toggle

An acai spins purple when checked.

#animation #transform #shadow

Canlı incele Checkboxes

Alarm Clock Toggle

An alarm clock shakes red when checked.

#animation #transform #shadow

Canlı incele Checkboxes

Ambulance Toggle

An ambulance pulses red when checked.

#animation #transform #shadow

Canlı incele Checkboxes

Ant March Toggle

An ant wiggles with a dark glow when checked.

#animation #transform #shadow

Canlı incele Checkboxes

Asteroid Rock Toggle

A jagged asteroid spins and lights up when checked.

#animation #gradient #transform

Canlı incele Checkboxes

Aurora Glow Toggle

A box that glows with shifting aurora gradients when checked.

#animation #gradient #transform

Canlı incele Checkboxes

Aurora Borealis Wave

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

#animation #gradient #transform

Canlı incele Checkboxes

Bacon Sizzle Toggle

A bacon strip wiggles with a red glow when checked.

#animation #transform #shadow

Canlı incele Checkboxes

Balloon Float Toggle

A balloon floats with a red glow when checked.

#animation #transform #shadow

Canlı incele Checkboxes

Banana Peel Toggle

A banana wiggles yellow when checked.

#animation #transform #shadow

Canlı incele Checkboxes

Baseball Toggle

A baseball bounces white on check.

#animation #transform #shadow

Canlı incele Checkboxes

Bat Fly Toggle

A bat flutters with a dark glow when checked.

#animation #transform #shadow

Canlı incele Checkboxes

Bee Buzz Toggle

A bee buzzes with a yellow glow when checked.

#animation #transform #shadow

Canlı incele Checkboxes

Beetle Crawl Toggle

A beetle crawls with a teal glow when checked.

#animation #transform #shadow

Canlı incele Checkboxes

Bell Ring Toggle

A bell rings with a gold glow when checked.

#animation #transform #shadow

Canlı incele Checkboxes

Bird Chirp Toggle

A bird flutters with a sky glow when checked.

#animation #transform #shadow

Canlı incele Checkboxes

Black Tea Toggle

A black tea bounces brown on check.

#animation #transform #shadow

Canlı incele Checkboxes

Blackberry Toggle

A blackberry pulses purple when checked.

#animation #transform #shadow

Canlı incele Checkboxes

Black Hole Swirl

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

#animation #gradient #transform

Canlı incele Checkboxes

Blimp Toggle

A blimp floats horizontally when checked.

#animation #transform #shadow

Canlı incele Checkboxes

Boar Charge Toggle

A boar shakes with a brown glow when checked.

#animation #transform #shadow

Canlı incele Checkboxes

Lightning Bolt Zap

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

#animation #shadow #border

Canlı incele Checkboxes

Dashed Border March

A dashed border that marches around the box when checked.

#animation #transform #border

Canlı incele Checkboxes

Gradient Border

A vibrant gradient border that appears when checked.

#animation #gradient #transform

Canlı incele Checkboxes

Pulsing Border

A checkbox whose border pulses continuously when checked.

#animation #transform #shadow

Canlı incele Checkboxes

Bulb Idea Toggle

A bulb glows yellow when checked.

#animation #transform #shadow

Canlı incele Checkboxes

Bumblebee Toggle

A bumblebee shakes yellow when checked.

#animation #transform #shadow

Canlı incele Checkboxes

Circle Burst Confetti

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

#animation #border #transform

Canlı incele Checkboxes

Butterfly Flutter Toggle

A butterfly flutters with a violet glow when checked.

#animation #transform #shadow

Canlı incele Checkboxes

Candle Flame Toggle

A candle flickers orange when checked.

#animation #transform #shadow

Canlı incele Checkboxes

Candy Stripe Fill

A checkbox filled with animated diagonal candy stripes when checked.

#gradient #animation #border

Canlı incele Checkboxes

Cardinal Toggle

A cardinal bounces red on check.

#animation #transform #shadow

Canlı incele Checkboxes

Cat Purr Toggle

A cat face purrs with an orange glow when checked.

#animation #transform #shadow

Canlı incele Checkboxes

Caterpillar Crawl Toggle

A caterpillar wiggles with a lime glow when checked.

#animation #transform #shadow

Canlı incele Checkboxes

Cheese Wedge Toggle

A cheese wedge brightens yellow when checked.

#animation #transform #shadow

Canlı incele Checkboxes

Cherry Pair Toggle

A cherry pair bounces with a red glow when checked.

#animation #transform #shadow

Canlı incele Checkboxes

Cherry Blossom Toggle

A cherry blossom glows pink when checked.

#animation #transform #shadow

Canlı incele Checkboxes

Chickadee Toggle

A chickadee shakes gray when checked.

#animation #transform #shadow

Canlı incele Checkboxes

Rock Climbing Toggle

A climber spins brown when checked.

#animation #transform #shadow

Canlı incele Checkboxes

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 Checkboxes

Rain Cloud Toggle

A rain cloud glows blue when checked.

#animation #transform #shadow

Canlı incele Checkboxes

Cockroach Toggle

A cockroach bounces brown on check.

#animation #transform #shadow

Canlı incele Checkboxes

Coconut Toggle

A coconut spins brown when checked.

#animation #transform #shadow

Canlı incele Checkboxes

Coffee Brew Toggle

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

#animation #transform #shadow

Canlı incele Checkboxes

Construction Toggle

A construction site shakes yellow when checked.

#animation #transform #shadow

Canlı incele Checkboxes

Cormorant Toggle

A cormorant spins black when checked.

#animation #transform #shadow

Canlı incele Checkboxes

Cortado Toggle

A cortado bounces brown on check.

#animation #transform #shadow

Canlı incele Checkboxes

Cosmic Dust Sparkles

Tiny sparkles of cosmic dust shimmer when checked.

#animation #gradient #transform

Canlı incele Checkboxes

Cowbird Toggle

A cowbird pulses brown when checked.

#animation #transform #shadow

Canlı incele Checkboxes

Crab Pinch Toggle

A crab scuttles with a red glow when checked.

#animation #transform #shadow

Canlı incele Checkboxes

Cranberry Toggle

A cranberry shakes red when checked.

#animation #transform #shadow

Canlı incele Checkboxes

Cricket Toggle

A cricket shakes green when checked.

#animation #transform #shadow

Canlı incele Checkboxes

Croissant Flaky Toggle

A croissant glows buttery gold when checked.

#animation #transform #shadow

Canlı incele Checkboxes

Crown Drop In

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

#animation #shadow #transform

Canlı incele Checkboxes

Crystal Ball Toggle

A crystal ball glows purple when checked.

#animation #transform #shadow

Canlı incele Checkboxes

Currant Toggle

A currant bounces red on check.

#animation #transform #shadow

Popüler etiketler

#transform5765 #shadow5548 #gradient4959 #border3831 #hover2879 #filter2139 #3d188 #rotate35 #glow21 #switch19 #clip-path9 #glass7 #wave7 #css6 #dots5 #pulse3