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ı

Elephant Trumpet Toggle

An elephant glows gray when checked.

#transform #shadow #filter

Canlı incele Onay Kutuları

Elevator Doors Checkbox

Two brushed metal doors part in the middle to reveal the lit car behind.

#gradient #transform #border

Canlı incele Onay Kutuları

Embossed Press Checkbox

A soft raised pad sinks into the surface and inverts its own light and shade.

#shadow #transform #neumorphism

Canlı incele Onay Kutuları

Emoji Reveal Toggle

A face emoji that flips from neutral to a happy grinning face when checked.

#shadow #transform #filter

Canlı incele Onay Kutuları

Envelope Mail Toggle

An envelope glows blue when checked.

#transform #shadow #filter

Canlı incele Onay Kutuları

Equestrian Toggle

A horse rider fades in brown when checked.

#transform #shadow #filter

Canlı incele Onay Kutuları

Evergreen Pine Toggle

An evergreen glows forest green when checked.

#transform #shadow #filter

Canlı incele Onay Kutuları

Blinking Eye Checkbox

An eyelid slides down over the iris, closing the eye when the box is ticked.

#transform #gradient #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

Canlı incele Onay Kutuları

Fencing Toggle

A fencer rotates gray on check.

#transform #shadow #filter

Canlı incele Onay Kutuları

Ferry Toggle

A ferry floats in with blue glow when checked.

#animation #transform #shadow

Canlı incele Onay Kutuları

Fill From Bottom

A square checkbox where a colored block fills upward from the bottom when checked.

#gradient #border #transform

Canlı incele Onay Kutuları

Diagonal Fill

A square that fills diagonally with a sweeping gradient when checked.

#gradient #transform #border

Canlı incele Onay Kutuları

Fill From Left

A square that fills with color from the left edge when checked.

#gradient #transform #border

Canlı incele Onay Kutuları

Radial Fill Burst

A radial color burst expands from center when checked.

#transform #border

Canlı incele Onay Kutuları

Fill From Right

A square that fills with color from the right edge when checked.

#gradient #transform #border

Canlı incele Onay Kutuları

Sweep Fill

A radar-like sweep that fills the circle when checked.

#gradient #transform #border

Canlı incele Onay Kutuları

Wave Fill

A wavy gradient that rises to fill the box when checked.

#gradient #transform #border

Canlı incele Onay Kutuları

Finch Toggle

A finch slides in yellow when checked.

#transform #shadow #filter

Canlı incele Onay Kutuları

Fire Ignite Toggle

A dim flame emoji that ignites with a flickering orange glow when toggled on.

#animation #shadow #transform

Canlı incele Onay Kutuları

Fire Truck Toggle

A fire truck shakes in red-orange when checked.

#animation #transform #shadow

Canlı incele Onay Kutuları

Fire Ant Toggle

A fire ant glows red when checked.

#transform #shadow #filter

Canlı incele Onay Kutuları

Firefly Toggle

A firefly flips yellow when checked.

#transform #shadow #filter

Canlı incele Onay Kutuları

Fish Swim Toggle

A fish swims with a blue glow when checked.

#animation #transform #shadow

Canlı incele Onay Kutuları

Fishing Toggle

A fishing rod shakes blue when checked.

#animation #transform #shadow

Canlı incele Onay Kutuları

Flag Wave Toggle

A flag waves red when checked.

#animation #transform #shadow

Canlı incele Onay Kutuları

Flamingo Toggle

A flamingo pulses pink when checked.

#animation #transform #shadow

Canlı incele Onay Kutuları

Flat Symbol Toggle

A flat music symbol rotates indigo when checked.

#transform #shadow #filter

Canlı incele Onay Kutuları

Flat White Toggle

A flat white flips white when checked.

#transform #shadow #filter

Canlı incele Onay Kutuları

Flea Toggle

A flea pulses red when checked.

#animation #transform #shadow

Canlı incele Onay Kutuları

Flicker Toggle

A flicker spins red when checked.

#animation #transform #shadow

Canlı incele Onay Kutuları

3D Flip Card Check

A checkbox that flips in 3D to reveal a green check face when toggled on.

#3d #border #transform

Canlı incele Onay Kutuları

Card Flip Reveal

A card-style flip that reveals a checkmark face when checked.

#gradient #transform #border

Canlı incele Onay Kutuları

Vertical Card Flip

A vertical 3D flip that reveals the checkmark on the back.

#transform #border #3d

Canlı incele Onay Kutuları

Flower Bloom

A flower emoji blooms from a small bud with a pink glow and rotation when checked.

#shadow #transform #filter

Canlı incele Onay Kutuları

Fly Toggle

A fly flips gray when checked.

#transform #shadow #filter

Canlı incele Onay Kutuları

Flycatcher Toggle

A flycatcher pulses green when checked.

#animation #transform #shadow

Canlı incele Onay Kutuları

Fog Mist Toggle

A fog emoji drifts gray when checked.

#transform #shadow #filter

Canlı incele Onay Kutuları

Football Toggle

A football flips brown when checked.

#transform #shadow #filter

Canlı incele Onay Kutuları

Fox Sly Toggle

A fox glows orange when checked.

#transform #shadow #filter

Canlı incele Onay Kutuları

Frappe Toggle

A frappe slides in amber when checked.

#transform #shadow #filter

Canlı incele Onay Kutuları

Frigatebird Toggle

A frigatebird flips black when checked.

#transform #shadow #filter

Canlı incele Onay Kutuları

Frog Jump Toggle

A frog jumps with a green glow when checked.

#animation #transform #shadow

Canlı incele Onay Kutuları

Fuel Pump Toggle

A fuel pump glows green when checked.

#transform #shadow #filter

Canlı incele Onay Kutuları

Fulmar Toggle

A fulmar fades in white when checked.

#transform #shadow #filter

Canlı incele Onay Kutuları

Galaxy Spiral Toggle

A galaxy spirals with a violet glow when checked.

#animation #transform #shadow

Canlı incele Onay Kutuları

Gallinule Toggle

A gallinule glows purple when checked.

#transform #shadow #filter

Canlı incele Onay Kutuları

Gannet Toggle

A gannet rotates white on check.

#transform #shadow #filter

Canlı incele Onay Kutuları

Gear Spin Toggle

A gear spins gray when checked.

#transform #shadow #filter

Canlı incele Onay Kutuları

Gem Shape Fill

A CSS-cut gem shape that fills with an emerald gradient and flips when checked.

#gradient #shadow #transform

Canlı incele Onay Kutuları

Genmaicha Toggle

A genmaicha pulses green when checked.

#animation #transform #shadow

Canlı incele Onay Kutuları

Geode Crystal Cavity

A split geode reveals inner crystal points when checked.

#gradient #shadow #border

Canlı incele Onay Kutuları

Gift Present Toggle

A gift pops red when checked.

#transform #shadow #filter

Canlı incele Onay Kutuları

Gin Toggle

A gin flips blue when checked.

#transform #shadow #filter

Canlı incele Onay Kutuları

Glassmorphism Amber

A frosted glass effect with amber tint and checkmark when checked.

#transform #shadow #border

Canlı incele Onay Kutuları

Glassmorphism Blue

A frosted glass effect with blue tint and checkmark when checked.

#transform #shadow #border

Canlı incele Onay Kutuları

Glassmorphism Violet

A frosted glass effect with violet tint and checkmark when checked.

#transform #shadow #border

Canlı incele Onay Kutuları

Glow on Check

A simple box that emits a colorful glow halo when toggled on.

#glow #shadow #border

Canlı incele Onay Kutuları

Soft Glow Amber

A subtle amber soft glow with circular fill when checked.

#shadow #border

Canlı incele Onay Kutuları

Soft Glow Cyan

A subtle soft glow checkbox with cyan background fill when checked.

#shadow #border

Canlı incele Onay Kutuları

Soft Glow Lime

A subtle lime soft glow with circular fill when checked.

#shadow #border

Canlı incele Onay Kutuları

Soft Glow Pink

A subtle pink soft glow with circular fill when checked.

#shadow #border

Canlı incele Onay Kutuları

Soft Glow Rose

A subtle rose soft glow with circular fill when checked.

#shadow #border

Canlı incele Onay Kutuları

Soft Glow Violet

A subtle violet soft glow with circular fill when checked.

#shadow #border

Canlı incele Onay Kutuları

Gnat Toggle

A gnat flips gray when checked.

#transform #shadow #filter

Canlı incele Onay Kutuları

Godwit Toggle

A godwit flips orange when checked.

#transform #shadow #filter

Canlı incele Onay Kutuları

Goji Berry Toggle

A goji berry slides in red when checked.

#transform #shadow #filter

Canlı incele Onay Kutuları

Goldeneye Toggle

A goldeneye bounces yellow on check.

#animation #transform #shadow

Canlı incele Onay Kutuları

Goldfinch Toggle

A goldfinch shakes yellow when checked.

#animation #transform #shadow

Canlı incele Onay Kutuları

Golf Flag Toggle

A golf flag pulses green when checked.

#animation #transform #shadow

Canlı incele Onay Kutuları

Goose Toggle

A goose slides in gray when checked.

#transform #shadow #filter

Canlı incele Onay Kutuları

Gooseberry Toggle

A gooseberry bounces green on check.

#animation #transform #shadow

Canlı incele Onay Kutuları

Goshawk Toggle

A goshawk spins gray when checked.

#animation #transform #shadow

Canlı incele Onay Kutuları

Animated Gradient Fill

A square filled with an animated gradient background and a white checkmark when checked.

#gradient #animation #border

Canlı incele Onay Kutuları

Grape Bunch Toggle

A grape bunch glows purple when checked.

#transform #shadow #filter

Canlı incele Onay Kutuları

Green Grape Toggle

Green grapes bounce pop on check.

#animation #transform #shadow

Canlı incele Onay Kutuları

Purple Grape Toggle

Purple grapes flip in when checked.

#transform #shadow #filter

Canlı incele Onay Kutuları

Red Grape Toggle

Red grapes shake when checked.

#animation #transform #shadow

Canlı incele Onay Kutuları

Grapefruit Toggle

A grapefruit spins pink when checked.

#animation #transform #shadow

Canlı incele Onay Kutuları

Grasshopper Leap Toggle

A grasshopper leaps with a green glow when checked.

#animation #transform #shadow

Canlı incele Onay Kutuları

Grebe Toggle

A grebe pulses brown when checked.

#animation #transform #shadow

Canlı incele Onay Kutuları

Green Apple Tart Toggle

A green apple glows tart green when checked.

#transform #shadow #filter

Canlı incele Onay Kutuları

Green Tea Toggle

A green tea flips green when checked.

#transform #shadow #filter

Canlı incele Onay Kutuları

Grosbeak Toggle

A grosbeak flips brown when checked.

#transform #shadow #filter

Canlı incele Onay Kutuları

Guava Toggle

A guava fades in green when checked.

#transform #shadow #filter

Canlı incele Onay Kutuları

Guitar Strum Toggle

A guitar glows amber when checked.

#animation #transform #shadow

Canlı incele Onay Kutuları

Gull Toggle

A gull fades in white when checked.

#transform #shadow #filter

Canlı incele Onay Kutuları

Gymnastics Toggle

A gymnast pulses purple when checked.

#animation #transform #shadow

Canlı incele Onay Kutuları

Hammer Hit Toggle

A hammer shakes gray when checked.

#animation #transform #shadow

Canlı incele Onay Kutuları

Hamster Wheel Toggle

A hamster spins with an orange glow when checked.

#transform #shadow #filter

Canlı incele Onay Kutuları

Handball Toggle

A handball rotates orange on check.

#transform #shadow #filter

Canlı incele Onay Kutuları

Harrier Toggle

A harrier glows gray when checked.

#transform #shadow #filter

Canlı incele Onay Kutuları

Has-Selector Option Row

The :has() selector lets the checked input restyle its entire surrounding card.

#border #shadow #transform

Canlı incele Onay Kutuları

Hawk Toggle

A hawk rotates brown on check.

#transform #shadow #filter

Canlı incele Onay Kutuları

Headphone Listen Toggle

Headphones glow purple when checked.

#transform #shadow #filter