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ı

Soursop Toggle

A soursop flips green when checked.

#transform #shadow #filter

Canlı incele Onay Kutuları

Spaceship Toggle

A flying saucer hovers in violet when checked.

#animation #transform #shadow

Canlı incele Onay Kutuları

Sparrow Toggle

A sparrow rotates brown on check.

#transform #shadow #filter

Canlı incele Onay Kutuları

Speaker Loud Toggle

A speaker glows cyan when checked.

#animation #transform #shadow

Canlı incele Onay Kutuları

Spider Crawl Toggle

A spider crawls with a dark glow when checked.

#animation #transform #shadow

Canlı incele Onay Kutuları

Spring Coil Checkbox

A coiled spring compresses under load and the plate settles down onto it.

#gradient #transform #border

Canlı incele Onay Kutuları

Sprout Grow Toggle

A sprout brightens green when checked.

#transform #shadow #filter

Canlı incele Onay Kutuları

Squash Toggle

A squash racket shakes green when checked.

#animation #transform #shadow

Canlı incele Onay Kutuları

Stadium Toggle

A stadium bounces in green when checked.

#animation #transform #shadow

Canlı incele Onay Kutuları

Stag Beetle Toggle

A stag beetle bounces brown on check.

#animation #transform #shadow

Canlı incele Onay Kutuları

Star Rating Toggle

A star icon that fills with gold and spins slightly when toggled on.

#shadow #transform #filter

Canlı incele Onay Kutuları

Stardust Trail Toggle

A trail of golden stardust sparkles around the box when checked.

#animation #gradient #transform

Canlı incele Onay Kutuları

Starfruit Toggle

A starfruit pulses yellow when checked.

#animation #transform #shadow

Canlı incele Onay Kutuları

Starling Toggle

A starling flips purple when checked.

#transform #shadow #filter

Canlı incele Onay Kutuları

Shooting Star Toggle

A shooting star streaks when checked.

#transform #shadow #filter

Canlı incele Onay Kutuları

Starting Style Checkbox

The control animates in from below on first paint using the starting-style rule.

#transform #border #starting-style

Canlı incele Onay Kutuları

Stickbug Toggle

A stickbug flips brown when checked.

#transform #shadow #filter

Canlı incele Onay Kutuları

Stinkbug Toggle

A stinkbug fades in green when checked.

#transform #shadow #filter

Canlı incele Onay Kutuları

Stopwatch Time Toggle

A stopwatch glows red when checked.

#animation #transform #shadow

Canlı incele Onay Kutuları

Store Toggle

A convenience store fades in pink when checked.

#transform #shadow #filter

Canlı incele Onay Kutuları

Stork Toggle

A stork fades in white when checked.

#transform #shadow #filter

Canlı incele Onay Kutuları

Strawberry Sweet Toggle

A strawberry glows red and sweet when checked.

#animation #transform #shadow

Canlı incele Onay Kutuları

Stroke Draw Checkmark

A minimal square that draws an SVG checkmark with a dash-offset stroke animation when checked.

Canlı incele Onay Kutuları

Studio Mic Toggle

A studio microphone scales up gray when checked.

#transform #shadow #filter

Canlı incele Onay Kutuları

Submarine Toggle

A submarine surfaces in indigo when checked.

#transform #shadow #filter

Canlı incele Onay Kutuları

Sudachi Toggle

A sudachi fades in green when checked.

#transform #shadow #filter

Canlı incele Onay Kutuları

Sunflower Sunny Toggle

A sunflower glows golden when checked.

#transform #shadow #filter

Canlı incele Onay Kutuları

Sunrise Dawn Toggle

A sunrise glows orange when checked.

#transform #shadow #filter

Canlı incele Onay Kutuları

Supernova Burst Toggle

A star bursts outward with radial particles when checked.

#animation #transform #shadow

Canlı incele Onay Kutuları

Surfing Toggle

A surfer shakes blue when checked.

#animation #transform #shadow

Canlı incele Onay Kutuları

Sushi Fresh Toggle

A sushi roll brightens with a pink glow when checked.

#transform #shadow #filter

Canlı incele Onay Kutuları

Swallow Toggle

A swallow bounces blue on check.

#animation #transform #shadow

Canlı incele Onay Kutuları

Swan Toggle

A swan shakes white when checked.

#animation #transform #shadow

Canlı incele Onay Kutuları

Swift Toggle

A swift slides in gray when checked.

#transform #shadow #filter

Canlı incele Onay Kutuları

Swimming Toggle

A swimmer flips blue when checked.

#transform #shadow #filter

Canlı incele Onay Kutuları

Alpha Symbol Toggle

The Greek alpha letter slides in red when checked.

#transform #shadow #filter

Canlı incele Onay Kutuları

Beta Symbol Toggle

The Greek beta letter scales up orange when checked.

#transform #shadow #filter

Canlı incele Onay Kutuları

Bitcoin Symbol Toggle

A bitcoin sign fades amber when checked.

#shadow #filter

Canlı incele Onay Kutuları

Dollar Symbol Toggle

A dollar sign slides in green when checked.

#transform #shadow #filter

Canlı incele Onay Kutuları

Euro Symbol Toggle

A euro sign scales blue when checked.

#transform #shadow #filter

Canlı incele Onay Kutuları

Pound Symbol Toggle

A pound sign rotates violet when checked.

#transform #shadow #filter

Canlı incele Onay Kutuları

Ruble Symbol Toggle

A ruble sign rotates rose when checked.

#transform #shadow #filter

Canlı incele Onay Kutuları

Rupee Symbol Toggle

A rupee sign slides in orange when checked.

#transform #shadow #filter

Canlı incele Onay Kutuları

Won Symbol Toggle

A won sign scales cyan when checked.

#transform #shadow #filter

Canlı incele Onay Kutuları

Yen Symbol Toggle

A yen sign fades in red when checked.

#shadow #filter

Canlı incele Onay Kutuları

Yuan Symbol Toggle

A yuan sign scales amber when checked.

#transform #shadow #filter

Canlı incele Onay Kutuları

Delta Symbol Toggle

The Greek delta triangle turns green when checked.

#transform #shadow #filter

Canlı incele Onay Kutuları

Divide Symbol Toggle

A divide symbol that fades in cyan when checked.

#shadow #filter

Canlı incele Onay Kutuları

Equals Symbol Toggle

An equals symbol that scales violet when checked.

#transform #shadow #filter

Canlı incele Onay Kutuları

Gamma Symbol Toggle

The Greek gamma letter rotates amber when checked.

#transform #shadow #filter

Canlı incele Onay Kutuları

Infinity Symbol Toggle

An infinity symbol fades in violet when checked.

#shadow #filter

Canlı incele Onay Kutuları

Integral Symbol Toggle

An integral symbol slides up rose when checked.

#transform #shadow #filter

Canlı incele Onay Kutuları

Lambda Symbol Toggle

The Greek lambda letter slides up indigo when checked.

#transform #shadow #filter

Canlı incele Onay Kutuları

Multiply Symbol Toggle

A multiply symbol that rotates amber when checked.

#transform #shadow #filter

Canlı incele Onay Kutuları

Percent Symbol Toggle

A percent symbol that pops pink when checked.

#transform #shadow #filter

Canlı incele Onay Kutuları

Phi Symbol Toggle

The Greek phi letter rotates teal when checked.

#transform #shadow #filter

Canlı incele Onay Kutuları

Pi Symbol Toggle

A pi symbol rotates blue when checked.

#transform #shadow #filter

Canlı incele Onay Kutuları

Plus Symbol Toggle

A plus math symbol that turns green when checked.

#transform #shadow #filter

Canlı incele Onay Kutuları

Sigma Symbol Toggle

The Greek sigma letter scales amber when checked.

#transform #shadow #filter

Canlı incele Onay Kutuları

Square Root Symbol Toggle

A square root symbol slides in teal when checked.

#transform #shadow #filter

Canlı incele Onay Kutuları

Sum Symbol Toggle

A summation symbol that scales amber when checked.

#transform #shadow #filter

Canlı incele Onay Kutuları

Synagogue Toggle

A synagogue glows softly blue when checked.

#transform #shadow #filter

Canlı incele Onay Kutuları

Taco Tuesday Toggle

A taco spins and glows golden when checked.

#transform #shadow #filter

Canlı incele Onay Kutuları

Tally Mark Checkbox

Four upright strokes appear in order and a fifth crosses them diagonally.

#transform #border #tally

Canlı incele Onay Kutuları

Tanager Toggle

A tanager spins red when checked.

#animation #transform #shadow

Canlı incele Onay Kutuları

Tangerine Toggle

A tangerine shakes orange when checked.

#animation #transform #shadow

Canlı incele Onay Kutuları

Tape Strike Checkbox

Ticking a task draws a strike line across the label and dims the whole row.

#transform #border #todo

Canlı incele Onay Kutuları

Tarantula Toggle

A tarantula shakes brown when checked.

#animation #transform #shadow

Canlı incele Onay Kutuları

Taxi Toggle

A yellow taxi bounces in when checked.

#animation #transform #shadow

Canlı incele Onay Kutuları

Tea Steep Toggle

A tea cup glows green when steeped and ready.

#transform #shadow #filter

Canlı incele Onay Kutuları

Telescope View Toggle

A telescope glows indigo when checked.

#transform #shadow #filter

Canlı incele Onay Kutuları

Temple Toggle

A Hindu temple glows orange when checked.

#animation #transform #shadow

Canlı incele Onay Kutuları

Tennis Ball Toggle

A tennis ball shakes yellow when checked.

#animation #transform #shadow

Canlı incele Onay Kutuları

Tent Camp Toggle

A camping tent pops in green when checked.

#transform #shadow #filter

Canlı incele Onay Kutuları

Tequila Toggle

A tequila slides in yellow when checked.

#transform #shadow #filter

Canlı incele Onay Kutuları

Termite Toggle

A termite pulses brown when checked.

#animation #transform #shadow

Canlı incele Onay Kutuları

Tern Toggle

A tern pulses gray when checked.

#animation #transform #shadow

Canlı incele Onay Kutuları

Fabric Texture Toggle

A woven fabric texture in red when checked.

#gradient #transform #shadow

Canlı incele Onay Kutuları

Leather Texture Toggle

A brown leather pebbled texture when checked.

#gradient #transform #shadow

Canlı incele Onay Kutuları

Marble Texture Toggle

A white marble veined texture when checked.

#gradient #transform #shadow

Canlı incele Onay Kutuları

Metal Texture Toggle

A brushed metal texture with silver shine when checked.

#gradient #transform #shadow

Canlı incele Onay Kutuları

Paper Texture Toggle

A cream paper texture with subtle grain when checked.

#gradient #transform #shadow

Canlı incele Onay Kutuları

Sand Texture Toggle

A sandy tan texture with grain when checked.

#gradient #transform #shadow

Canlı incele Onay Kutuları

Stone Texture Toggle

A stone-textured box that solidifies gray when checked.

#gradient #transform #shadow

Canlı incele Onay Kutuları

Water Texture Toggle

A rippling water texture in blue when checked.

#gradient #transform #shadow

Canlı incele Onay Kutuları

Wood Texture Toggle

A wood-textured box that warms to brown when checked.

#gradient #transform #shadow

Canlı incele Onay Kutuları

Stitched Thread Checkbox

A dashed thread sews itself across the patch from one edge to the other.

#gradient #transform #stitch

Canlı incele Onay Kutuları

Thrip Toggle

A thrip flips yellow when checked.

#transform #shadow #filter

Canlı incele Onay Kutuları

Thrush Toggle

A thrush flips brown when checked.

#transform #shadow #filter

Canlı incele Onay Kutuları

Thumbs Up Like

A grayscale thumbs-up emoji that fills with color and pops with a tilt when liked.

#shadow #transform #filter

Canlı incele Onay Kutuları

Tick Toggle

A tick slides in red when checked.

#transform #shadow #filter

Canlı incele Onay Kutuları

Tick Cross Morph

An X mark morphs into a checkmark with a color shift from red to green when checked.

#border #transform #rotate

Canlı incele Onay Kutuları

Ticket Admit Toggle

A ticket glows yellow when checked.

#transform #shadow #filter

Canlı incele Onay Kutuları

Tiger Stripes Toggle

A tiger glows orange when checked.

#transform #shadow #filter

Canlı incele Onay Kutuları

Titmouse Toggle

A titmouse fades in gray when checked.

#transform #shadow #filter

Canlı incele Onay Kutuları

Tomato Ripe Toggle

A tomato brightens red when checked.

#transform #shadow #filter