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 Onay Kutuları

Clock Tick Toggle

A clock glows blue when checked.

#transform #shadow #filter

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ı

Snow Cloud Toggle

A snow cloud glows white when checked.

#transform #shadow #filter

Canlı incele Onay Kutuları

Clover Luck Toggle

A clover pops green when checked.

#transform #shadow #filter

Canlı incele Onay Kutuları

Cockroach Toggle

A cockroach bounces brown on check.

#animation #transform #shadow

Canlı incele Onay Kutuları

Cocktail Mix Toggle

A cocktail glass shimmers with a cyan glow when checked.

#transform #shadow #filter

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ı

Amber Glow Color Toggle

A color swatch that fills with amber glow when checked.

#transform #shadow #border

Canlı incele Onay Kutuları

Aqua Color Toggle

A color swatch that fills with aqua when checked.

#transform #shadow #border

Canlı incele Onay Kutuları

Blush Color Toggle

A color swatch that fills with blush when checked.

#transform #shadow #border

Canlı incele Onay Kutuları

Bronze Color Toggle

A color swatch that fills with bronze when checked.

#transform #shadow #border

Canlı incele Onay Kutuları

Cobalt Color Toggle

A color swatch that fills with cobalt blue when checked.

#transform #shadow #border

Canlı incele Onay Kutuları

Copper Color Toggle

A color swatch that fills with copper when checked.

#transform #shadow #border

Canlı incele Onay Kutuları

Coral Color Toggle

A color swatch that fills with coral when checked.

#transform #shadow #border

Canlı incele Onay Kutuları

Crimson Color Toggle

A color swatch that fills with crimson when checked.

#transform #shadow #border

Canlı incele Onay Kutuları

Cyan Color Toggle

A color swatch that fills with cyan when checked.

#transform #shadow #border

Canlı incele Onay Kutuları

Emerald Color Toggle

A color swatch that fills with emerald when checked.

#transform #shadow #border

Canlı incele Onay Kutuları

Fuchsia Color Toggle

A color swatch that fills with fuchsia when checked.

#transform #shadow #border

Canlı incele Onay Kutuları

Honeycomb Color Toggle

A color swatch that fills with honeycomb gold when checked.

#transform #shadow #border

Canlı incele Onay Kutuları

Indigo Color Toggle

A color swatch that fills with indigo when checked.

#transform #shadow #border

Canlı incele Onay Kutuları

Jade Color Toggle

A color swatch that fills with jade green when checked.

#transform #shadow #border

Canlı incele Onay Kutuları

Lavender Color Toggle

A color swatch that fills with lavender when checked.

#transform #shadow #border

Canlı incele Onay Kutuları

Magenta Color Toggle

A color swatch that fills with magenta when checked.

#transform #shadow #border

Canlı incele Onay Kutuları

Mint Color Toggle

A color swatch that fills with mint when checked.

#transform #shadow #border

Canlı incele Onay Kutuları

Mustard Color Toggle

A color swatch that fills with mustard yellow when checked.

#transform #shadow #border

Canlı incele Onay Kutuları

Orchid Color Toggle

A color swatch that fills with orchid when checked.

#transform #shadow #border

Canlı incele Onay Kutuları

Rose Pink Color Toggle

A color swatch that fills with rose pink when checked.

#transform #shadow #border

Canlı incele Onay Kutuları

Royal Blue Color Toggle

A color swatch that fills with royal blue when checked.

#transform #shadow #border

Canlı incele Onay Kutuları

Rust Color Toggle

A color swatch that fills with rust red when checked.

#transform #shadow #border

Canlı incele Onay Kutuları

Saffron Color Toggle

A color swatch that fills with saffron orange when checked.

#transform #shadow #border

Canlı incele Onay Kutuları

Salmon Color Toggle

A color swatch that fills with salmon when checked.

#transform #shadow #border

Canlı incele Onay Kutuları

Sienna Color Toggle

A color swatch that fills with sienna brown when checked.

#transform #shadow #border

Canlı incele Onay Kutuları

Teal Color Toggle

A color swatch that fills with teal when checked.

#transform #shadow #border

Canlı incele Onay Kutuları

Umber Color Toggle

A color swatch that fills with umber brown when checked.

#transform #shadow #border

Canlı incele Onay Kutuları

Violet Color Toggle

A color swatch that fills with violet when checked.

#transform #shadow #border

Canlı incele Onay Kutuları

Comet Streak Toggle

A comet streaks with a cyan glow when checked.

#transform #shadow #filter

Canlı incele Onay Kutuları

Compass North Toggle

A compass spins red when checked.

#transform #shadow #filter

Canlı incele Onay Kutuları

Condor Toggle

A condor slides in black when checked.

#transform #shadow #filter

Canlı incele Onay Kutuları

Construction Toggle

A construction site shakes yellow when checked.

#animation #transform #shadow

Canlı incele Onay Kutuları

Container Query Checkbox

Below a certain width the helper text hides and the control keeps only its label.

#border #transform #container-query

Canlı incele Onay Kutuları

Control Knobs Toggle

Audio control knobs rotate indigo when checked.

#transform #shadow #filter

Canlı incele Onay Kutuları

Cool Shades Toggle

A grayscale face flips to cool sunglasses emoji with a swagger tilt when checked.

#shadow #transform #filter

Canlı incele Onay Kutuları

Coral Reef Stone

A pink coral stone with branching texture when checked.

#gradient #shadow #border

Canlı incele Onay Kutuları

Cormorant Toggle

A cormorant spins black when checked.

#animation #transform #shadow

Canlı incele Onay Kutuları

Corn Cob Toggle

A corn cob brightens yellow with a warm glow when checked.

#transform #shadow #filter

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ı

Cottage Toggle

A garden cottage fades in green when checked.

#transform #shadow #filter

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ı

Crane Toggle

A crane flips gray when checked.

#transform #shadow #filter

Canlı incele Onay Kutuları

Cricket Toggle

A cricket shakes green when checked.

#animation #transform #shadow

Canlı incele Onay Kutuları

Cricket Bat Toggle

A cricket bat fades in brown when checked.

#transform #shadow #filter

Canlı incele Onay Kutuları

Croissant Flaky Toggle

A croissant glows buttery gold when checked.

#animation #transform #shadow

Canlı incele Onay Kutuları

Croquet Toggle

A croquet mallet glows green when checked.

#transform #shadow #filter

Canlı incele Onay Kutuları

Crow Toggle

A crow fades in black when checked.

#transform #shadow #filter

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 Prism Toggle

A faceted crystal glows with prismatic light when checked.

#gradient #shadow #border

Canlı incele Onay Kutuları

Crystal Ball Toggle

A crystal ball glows purple when checked.

#animation #transform #shadow

Canlı incele Onay Kutuları

Cuckoo Toggle

A cuckoo glows brown when checked.

#transform #shadow #filter

Canlı incele Onay Kutuları

Currant Toggle

A currant bounces red on check.

#animation #transform #shadow

Canlı incele Onay Kutuları

Custard Pudding Toggle

A custard glows caramel when checked.

#transform #shadow #filter

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ı

Date Fruit Toggle

A date glows brown when checked.

#transform #shadow #filter

Canlı incele Onay Kutuları

Deer Grace Toggle

A deer glows tan when checked.

#transform #shadow #filter

Canlı incele Onay Kutuları

Department Store Toggle

A department store slides up purple when checked.

#transform #shadow #filter

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ı

Dizzy Stars Toggle

Dizzy stars spin with a blue glow when checked.

#transform #shadow #filter

Canlı incele Onay Kutuları

Dog Bark Toggle

A dog face bounces with a brown glow when checked.

#animation #transform #shadow

Canlı incele Onay Kutuları

Dog Ear Checkbox

The bottom-right corner of the page curls up to mark it as read.

#border #shadow #transform

Canlı incele Onay Kutuları

Dolphin Leap Toggle

A dolphin leaps with a cyan glow when checked.

#animation #transform #shadow

Canlı incele Onay Kutuları

Domino Tip Checkbox

The upright tile tips over onto its side and settles with a small bounce.

#transform #gradient #shadow

Canlı incele Onay Kutuları

Donut Sprinkle Toggle

A donut pops with a sugary pink glow when checked.

#transform #shadow #filter

Canlı incele Onay Kutuları

Door Open Toggle

A door glows brown when checked.

#transform #shadow #filter

Canlı incele Onay Kutuları

Dot Indicator

A radio-style dot scales into the center of an outlined circle with a pink glow when checked.

#shadow #border #transform

Canlı incele Onay Kutuları

Double Tick Mark

Two checkmarks draw in sequence — a WhatsApp-style double-tick when checked.

#border #transform #rotate

Canlı incele Onay Kutuları

Dove Toggle

A dove rotates white on check.

#transform #shadow #filter

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ı

Dung Beetle Toggle

A dung beetle slides in brown when checked.

#transform #shadow #filter

Canlı incele Onay Kutuları

Durian Toggle

A durian slides in yellow when checked.

#transform #shadow #filter

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ı

Solar Eclipse Toggle

A moon disc slides over a glowing sun when checked.

#gradient #transform #shadow

Canlı incele Onay Kutuları

Egg Fry Toggle

An egg flips to reveal a sunny glow when checked.

#transform #shadow #filter

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