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ı

Rabbit Hop Toggle

A rabbit hops with a pink glow when checked.

#animation #transform #shadow

Canlı incele Onay Kutuları

Raccoon Mask Toggle

A raccoon shakes with a gray glow when checked.

#animation #transform #shadow

Canlı incele Onay Kutuları

Racquetball Toggle

A racquetball slides in blue when checked.

#transform #shadow #filter

Canlı incele Onay Kutuları

Radar Sweep Checkbox

A radar arm sweeps the dish once and a contact blip stays lit behind it.

#animation #gradient #transform

Canlı incele Onay Kutuları

Radio Tune Toggle

A radio glows amber when checked.

#transform #shadow #filter

Canlı incele Onay Kutuları

Orbit Radio Group

Selecting a radio sends a small satellite dot into orbit around the filled centre.

#animation #transform #border

Canlı incele Onay Kutuları

Rail Bird Toggle

A rail flips brown when checked.

#transform #shadow #filter

Canlı incele Onay Kutuları

Rainbow Arc Toggle

A rainbow cycles hues when checked.

#animation #transform #shadow

Canlı incele Onay Kutuları

Raisin Toggle

A raisin flips in brown when checked.

#transform #shadow #filter

Canlı incele Onay Kutuları

Rambutan Toggle

A rambutan shakes red when checked.

#animation #transform #shadow

Canlı incele Onay Kutuları

Ramen Slurp Toggle

A ramen bowl steams to life with a warm glow when checked.

#animation #transform #shadow

Canlı incele Onay Kutuları

Raspberry Toggle

A raspberry spins pink when checked.

#animation #transform #shadow

Canlı incele Onay Kutuları

Raven Toggle

A raven fades in black when checked.

#transform #shadow #filter

Canlı incele Onay Kutuları

Redpoll Toggle

A redpoll glows red when checked.

#transform #shadow #filter

Canlı incele Onay Kutuları

Redstart Toggle

A redstart rotates red on check.

#transform #shadow #filter

Canlı incele Onay Kutuları

Relay Race Toggle

A relay baton spins yellow when checked.

#animation #transform #shadow

Canlı incele Onay Kutuları

Rhinoceros Beetle Toggle

A rhino beetle shakes gray when checked.

#animation #transform #shadow

Canlı incele Onay Kutuları

Rhombus Shape Toggle

A rhombus glows cyan when checked.

#transform #shadow #filter

Canlı incele Onay Kutuları

Ribbon Tie Checkbox

Two ribbon ends draw together and a knot pops into being where they cross.

#transform #border #ribbon

Canlı incele Onay Kutuları

Auto Rickshaw Toggle

An auto rickshaw bounces in orange when checked.

#animation #transform #shadow

Canlı incele Onay Kutuları

Ring Bling Toggle

A ring sparkles blue when checked.

#animation #transform #shadow

Canlı incele Onay Kutuları

Ristretto Toggle

A ristretto shakes brown when checked.

#animation #transform #shadow

Canlı incele Onay Kutuları

Robin Toggle

A robin flips red when checked.

#transform #shadow #filter

Canlı incele Onay Kutuları

Rocket Launch Toggle

A rocket emoji lifts off with a tilted angle and exhaust glow when launched.

#animation #3d #shadow

Canlı incele Onay Kutuları

Rocket Ship Toggle

A rocket ship launches upward red when checked.

#transform #shadow #filter

Canlı incele Onay Kutuları

Rose Romance Toggle

A rose glows deep red when checked.

#animation #transform #shadow

Canlı incele Onay Kutuları

3D X-Axis Flip

A 3D flip on the X axis revealing a checkmark on the bottom face.

#transform #border #3d

Canlı incele Onay Kutuları

Rotate Counter-Clockwise

The box spins counter-clockwise with a checkmark when checked.

#transform #border

Canlı incele Onay Kutuları

Rotate Clockwise

The box rotates clockwise revealing a checkmark when checked.

#transform #border

Canlı incele Onay Kutuları

Rowing Toggle

A rower fades in blue when checked.

#transform #shadow #filter

Canlı incele Onay Kutuları

Ruby Red Gem

A vivid red ruby emits a fiery glow when checked.

#gradient #shadow #border

Canlı incele Onay Kutuları

Ruddy Duck Toggle

A ruddy bounces brown on check.

#animation #transform #shadow

Canlı incele Onay Kutuları

Rugby Ball Toggle

A rugby ball spins brown when checked.

#animation #transform #shadow

Canlı incele Onay Kutuları

Ruler Measure Toggle

A ruler glows yellow when checked.

#transform #shadow #filter

Canlı incele Onay Kutuları

Rum Toggle

A rum spins brown when checked.

#animation #transform #shadow

Canlı incele Onay Kutuları

Running Toggle

A runner pulses red when checked.

#animation #transform #shadow

Canlı incele Onay Kutuları

Sailing Toggle

A sailboat bounces blue on check.

#animation #transform #shadow

Canlı incele Onay Kutuları

Sake Pour Toggle

A sake bottle glows warm when checked.

#transform #shadow #filter

Canlı incele Onay Kutuları

Sand Fill Checkbox

Grains pour into the vessel in steps until the level reaches the brim.

#gradient #border #transform

Canlı incele Onay Kutuları

Sandpiper Toggle

A sandpiper shakes gray when checked.

#animation #transform #shadow

Canlı incele Onay Kutuları

Sapphire Blue Gem

A deep blue sapphire glows with internal light when checked.

#gradient #shadow #border

Canlı incele Onay Kutuları

Sapsucker Toggle

A sapsucker slides in red when checked.

#transform #shadow #filter

Canlı incele Onay Kutuları

Satellite Signal Toggle

A satellite glows cyan when checked.

#animation #transform #shadow

Canlı incele Onay Kutuları

Saturn Ringed Planet

A ringed Saturn tilted at an angle shows when checked.

#gradient #transform #border

Canlı incele Onay Kutuları

Sawfly Toggle

A sawfly slides in brown when checked.

#transform #shadow #filter

Canlı incele Onay Kutuları

Saxophone Toggle

A saxophone rotates in jazz gold when checked.

#transform #shadow #filter

Canlı incele Onay Kutuları

Bounce Scale Check

A springy bounce scale when the checkbox is toggled on.

#transform #border

Canlı incele Onay Kutuları

Scale Down Check

The checkmark shrinks from oversized to fit when checked.

#transform #border

Canlı incele Onay Kutuları

Scale Up Check

The checkmark grows from 0 to full size when toggled on.

#transform #border

Canlı incele Onay Kutuları

School Toggle

A school building slides up blue when checked.

#transform #shadow #filter

Canlı incele Onay Kutuları

Scooter Toggle

A pink scooter slides down when checked.

#transform #shadow #filter

Canlı incele Onay Kutuları

Scorpion Toggle

A scorpion bounces orange on check.

#animation #transform #shadow

Canlı incele Onay Kutuları

Scoter Toggle

A scoter spins black when checked.

#animation #transform #shadow

Canlı incele Onay Kutuları

Screw Bolt Toggle

A screw rotates gray when checked.

#transform #shadow #filter

Canlı incele Onay Kutuları

Seal Clap Toggle

A seal glows gray when checked.

#animation #transform #shadow

Canlı incele Onay Kutuları

Wax Seal Checkbox

A wax seal drops onto the paper, spreads outward and keeps its pressed rim.

#gradient #shadow #transform

Canlı incele Onay Kutuları

Sencha Toggle

A sencha spins green when checked.

#animation #transform #shadow

Canlı incele Onay Kutuları

Arrow Shape Toggle

A right arrow that fills green when checked.

#shadow #filter

Canlı incele Onay Kutuları

Circle Shape Toggle

A circle outline that fills with cyan when checked.

#shadow #border

Canlı incele Onay Kutuları

Crescent Shape Toggle

A crescent moon shape that lights up amber when checked.

Canlı incele Onay Kutuları

Cross Shape Toggle

A plus-shaped cross that fills red when checked.

#shadow #filter

Canlı incele Onay Kutuları

Cube Shape Toggle

A 3D cube outline that fills indigo when checked.

#transform #shadow #border

Canlı incele Onay Kutuları

Diamond Shape Toggle

A diamond shape that fills violet when checked.

#transform #shadow #border

Canlı incele Onay Kutuları

Heart Shape Toggle

A heart shape that fills red when checked.

#shadow #filter

Canlı incele Onay Kutuları

Hexagon Shape Toggle

A hexagon that fills pink when checked.

#shadow #filter

Canlı incele Onay Kutuları

Octagon Shape Toggle

An octagon that fills teal when checked.

#shadow #filter

Canlı incele Onay Kutuları

Pentagon Shape Toggle

A pentagon that fills blue when checked.

#shadow #filter

Canlı incele Onay Kutuları

Ring Shape Toggle

A ring (donut) shape that lights up teal when checked.

Canlı incele Onay Kutuları

Square Shape Toggle

A square outline that fills with amber when checked.

#shadow #border

Canlı incele Onay Kutuları

Star Shape Toggle

A 5-point star that fills gold when checked.

#shadow #filter

Canlı incele Onay Kutuları

Trapezoid Shape Toggle

A trapezoid that fills rose when checked.

#shadow #filter

Canlı incele Onay Kutuları

Triangle Shape Toggle

A triangle outline that fills green when checked.

#shadow #border #filter

Canlı incele Onay Kutuları

Shark Bite Toggle

A shark shakes with a steel glow when checked.

#animation #transform #shadow

Canlı incele Onay Kutuları

Sharp Symbol Toggle

A sharp music symbol pops in red when checked.

#transform #shadow #filter

Canlı incele Onay Kutuları

Shell Beach Toggle

A shell glows pink when checked.

#transform #shadow #filter

Canlı incele Onay Kutuları

Shieldbug Toggle

A shieldbug glows green when checked.

#transform #shadow #filter

Canlı incele Onay Kutuları

Shine Sparkle Toggle

Sparkles shine with a gold glow when checked.

#animation #transform #shadow

Canlı incele Onay Kutuları

Shooting Star Trail

A star shoots across the box leaving a glowing trail when checked.

#animation #gradient #border

Canlı incele Onay Kutuları

Shot Put Toggle

A shot put shakes gray when checked.

#animation #transform #shadow

Canlı incele Onay Kutuları

Shrike Toggle

A shrike pulses gray when checked.

#animation #transform #shadow

Canlı incele Onay Kutuları

Shinto Shrine Toggle

A Shinto shrine glows amber when checked.

#transform #shadow #filter

Canlı incele Onay Kutuları

Venetian Blind Checkbox

Four horizontal slats rotate shut one after another to darken the panel.

#transform #3d #border

Canlı incele Onay Kutuları

Siskin Toggle

A siskin flips yellow when checked.

#transform #shadow #filter

Canlı incele Onay Kutuları

Ice Skating Toggle

An ice skate slides in cyan when checked.

#transform #shadow #filter

Canlı incele Onay Kutuları

Skiing Toggle

Skis flip blue when checked.

#transform #shadow #filter

Canlı incele Onay Kutuları

Skimmer Toggle

A skimmer fades in black when checked.

#transform #shadow #filter

Canlı incele Onay Kutuları

Slide-In Checkmark

The checkmark slides in from the left and settles into place when checked.

#border #transform #rotate

Canlı incele Onay Kutuları

Slide Fill Checkbox

Colour wipes in from the left edge of the box and the tick fades in behind it.

#gradient #transform #border

Canlı incele Onay Kutuları

Smoothie Toggle

A smoothie bounces pink on check.

#animation #transform #shadow

Canlı incele Onay Kutuları

Snail Slow Toggle

A snail inches with a green glow when checked.

#transform #shadow #filter

Canlı incele Onay Kutuları

Snake Slither Toggle

A snake slithers with a green glow when checked.

#animation #transform #shadow

Canlı incele Onay Kutuları

Snipe Toggle

A snipe glows brown when checked.

#transform #shadow #filter

Canlı incele Onay Kutuları

Snowboard Toggle

A snowboard bounces cyan on check.

#animation #transform #shadow

Canlı incele Onay Kutuları

Snowflake Chill Toggle

A snowflake spins with an icy glow when checked.

#transform #shadow #filter

Canlı incele Onay Kutuları

Soccer Ball Toggle

A soccer ball glows green when checked.

#transform #shadow #filter

Canlı incele Onay Kutuları

Soda Pop Toggle

A soda cup rotates cyan on check.

#transform #shadow #filter