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ı

Number 0 Toggle

Number 0 slides in cyan when checked.

#transform #shadow #filter

Canlı incele Onay Kutuları

Number 2 Toggle

Number 2 rotates violet when checked.

#transform #shadow #filter

Canlı incele Onay Kutuları

Number 3 Toggle

Number 3 fades in pink when checked.

#shadow #filter

Canlı incele Onay Kutuları

Number 4 Toggle

Number 4 scales up amber when checked.

#transform #shadow #filter

Canlı incele Onay Kutuları

Number 5 Toggle

Number 5 rotates lime when checked.

#transform #shadow #filter

Canlı incele Onay Kutuları

Number 6 Toggle

Number 6 fades in teal when checked.

#shadow #filter

Canlı incele Onay Kutuları

Number 7 Toggle

Number 7 slides up emerald when checked.

#transform #shadow #filter

Canlı incele Onay Kutuları

Number 8 Toggle

Number 8 bounces in rose when checked.

#transform #shadow #filter

Canlı incele Onay Kutuları

Number 9 Toggle

Number 9 slides in indigo when checked.

#transform #shadow #filter

Canlı incele Onay Kutuları

Nuthatch Toggle

A nuthatch spins blue when checked.

#animation #transform #shadow

Canlı incele Onay Kutuları

Obsidian Volcanic Glass

A glossy black obsidian shard reflects light when checked.

#gradient #transform #shadow

Canlı incele Onay Kutuları

Ocean Wave Toggle

An ocean wave glows blue when checked.

#animation #transform #shadow

Canlı incele Onay Kutuları

Octopus Ink Toggle

An octopus wiggles with a magenta glow when checked.

#animation #transform #shadow

Canlı incele Onay Kutuları

OKLCH Mint Checkbox

Hover, checked and focus shades are all mixed from one OKLCH base in OKLAB space.

#hover #border #shadow

Canlı incele Onay Kutuları

OKLCH Ramp Checkbox

Rest, hover, checked and ring shades are one OKLCH hue mixed at four steps.

#hover #border #shadow

Canlı incele Onay Kutuları

Onyx Black Stone

A polished black onyx stone with a glossy highlight when checked.

#gradient #shadow #border

Canlı incele Onay Kutuları

Oolong Tea Toggle

An oolong rotates amber on check.

#transform #shadow #filter

Canlı incele Onay Kutuları

Opal Multi-Color Toggle

A multi-colored opal shifts through iridescent hues when checked.

#animation #gradient #transform

Canlı incele Onay Kutuları

Orange Citrus Toggle

An orange spins with an orange glow when checked.

#transform #shadow #filter

Canlı incele Onay Kutuları

Origami Fold Checkbox

Two triangular flaps fold in from opposite corners and meet in the middle.

#clip-path #gradient #border

Canlı incele Onay Kutuları

Oriole Toggle

An oriole pulses orange when checked.

#animation #transform #shadow

Canlı incele Onay Kutuları

Osprey Toggle

An osprey flips brown when checked.

#transform #shadow #filter

Canlı incele Onay Kutuları

Otter Float Toggle

An otter floats with a blue glow when checked.

#animation #transform #shadow

Canlı incele Onay Kutuları

Owl Hoot Toggle

An owl glows with a moonlit hue when checked.

#animation #transform #shadow

Canlı incele Onay Kutuları

Oystercatcher Toggle

An oystercatcher fades in black when checked.

#transform #shadow #filter

Canlı incele Onay Kutuları

Pagoda Toggle

A Japanese pagoda rotates red when checked.

#transform #shadow #filter

Canlı incele Onay Kutuları

Palm Tropical Toggle

A palm tree sways green when checked.

#animation #transform #shadow

Canlı incele Onay Kutuları

Panda Bamboo Toggle

A panda brightens with a soft glow when checked.

#transform #shadow #filter

Canlı incele Onay Kutuları

Papaya Toggle

A papaya flips on Y axis when checked.

#transform #shadow #filter

Canlı incele Onay Kutuları

Parrot Squawk Toggle

A parrot glows with a rainbow hue when checked.

#animation #transform #shadow

Canlı incele Onay Kutuları

Passion Fruit Toggle

A passion fruit rotates purple on check.

#transform #shadow #filter

Canlı incele Onay Kutuları

Checkerboard Pattern Toggle

A checkerboard pattern in violet when checked.

#gradient #transform #shadow

Canlı incele Onay Kutuları

Confetti Pattern Toggle

A colorful confetti pattern when checked.

#gradient #transform #shadow

Canlı incele Onay Kutuları

Cross Pattern Toggle

A cross-hatch pattern fills with indigo when checked.

#gradient #transform #shadow

Canlı incele Onay Kutuları

Dots Pattern Toggle

Polka dot pattern fills with pink when checked.

#gradient #transform #shadow

Canlı incele Onay Kutuları

Grid Pattern Toggle

A grid pattern fills with cyan when checked.

#gradient #transform #shadow

Canlı incele Onay Kutuları

Maze Pattern Toggle

A maze-like pattern fills with green when checked.

#gradient #transform #shadow

Canlı incele Onay Kutuları

Mesh Pattern Toggle

A mesh pattern fills with rose when checked.

#gradient #transform #shadow

Canlı incele Onay Kutuları

Stripes Pattern Toggle

Diagonal stripes fill with amber when checked.

#gradient #transform #shadow

Canlı incele Onay Kutuları

Wave Pattern Toggle

A wave pattern fills with blue when checked.

#gradient #transform #shadow

Canlı incele Onay Kutuları

Zigzag Pattern Toggle

A zigzag pattern fills with teal when checked.

#gradient #transform #shadow

Canlı incele Onay Kutuları

Peach Soft Toggle

A peach glows soft pink when checked.

#transform #shadow #filter

Canlı incele Onay Kutuları

Peacock Toggle

A peacock flips green when checked.

#transform #shadow #filter

Canlı incele Onay Kutuları

Pear Fresh Toggle

A pear brightens green when checked.

#transform #shadow #filter

Canlı incele Onay Kutuları

Pearl Luster Toggle

A glowing pearl develops a soft iridescent sheen when checked.

#gradient #transform #shadow

Canlı incele Onay Kutuları

Pelican Toggle

A pelican glows white when checked.

#transform #shadow #filter

Canlı incele Onay Kutuları

Pen Sign Toggle

A pen glows blue when checked.

#animation #transform #shadow

Canlı incele Onay Kutuları

Pencil Write Toggle

A pencil wiggles yellow when checked.

#animation #transform #shadow

Canlı incele Onay Kutuları

Penguin Waddle Toggle

A penguin waddles with an icy glow when checked.

#animation #transform #shadow

Canlı incele Onay Kutuları

Pepper Spice Toggle

A hot pepper flames red when checked.

#animation #transform #shadow

Canlı incele Onay Kutuları

Persimmon Toggle

A persimmon flips orange when checked.

#transform #shadow #filter

Canlı incele Onay Kutuları

Blooming Petal Checkbox

Four petals unfold outward from a closed bud and the centre brightens.

#transform #border #bloom

Canlı incele Onay Kutuları

Petrel Toggle

A petrel rotates gray on check.

#transform #shadow #filter

Canlı incele Onay Kutuları

Pheasant Toggle

A pheasant flips brown when checked.

#transform #shadow #filter

Canlı incele Onay Kutuları

Phoebe Toggle

A phoebe bounces gray on check.

#animation #transform #shadow

Canlı incele Onay Kutuları

Phone Call Toggle

A phone shakes green when checked.

#animation #transform #shadow

Canlı incele Onay Kutuları

Piano Play Toggle

A piano glows white when checked.

#transform #shadow #filter

Canlı incele Onay Kutuları

Pie Slice Toggle

A pie slice glows with a berry hue when checked.

#transform #shadow #filter

Canlı incele Onay Kutuları

Pig Oink Toggle

A pig glows pink when checked.

#transform #shadow #filter

Canlı incele Onay Kutuları

Pin Mark Toggle

A pin glows red when checked.

#transform #shadow #filter

Canlı incele Onay Kutuları

Push Pin Checkbox

A pin head presses down into the surface and leaves a dented ring around it.

#gradient #shadow #transform

Canlı incele Onay Kutuları

Pina Colada Toggle

A pina colada shakes yellow when checked.

#animation #transform #shadow

Canlı incele Onay Kutuları

Pineapple Tropical Toggle

A pineapple spins with a sunny glow when checked.

#transform #shadow #filter

Canlı incele Onay Kutuları

Ping Pong Toggle

A ping pong paddle fades in orange when checked.

#transform #shadow #filter

Canlı incele Onay Kutuları

Pintail Toggle

A pintail shakes brown when checked.

#animation #transform #shadow

Canlı incele Onay Kutuları

Pipit Toggle

A pipit slides in brown when checked.

#transform #shadow #filter

Canlı incele Onay Kutuları

Pixel Arrow Check

An 8-bit pixel arrow that fires green when checked.

#transform #border

Canlı incele Onay Kutuları

Pixel Circle Check

An 8-bit pixel art circle that lights up with a check when checked.

#transform #border

Canlı incele Onay Kutuları

Pixel Diamond Check

An 8-bit pixel diamond that shimmers cyan when checked.

#transform #shadow #filter

Canlı incele Onay Kutuları

Pixel Heart Check

An 8-bit pixel heart that fills in red when checked.

#transform #pixel

Canlı incele Onay Kutuları

Pixel Square Check

An 8-bit pixel art square that draws a checkmark when checked.

Canlı incele Onay Kutuları

Pixel Star Check

An 8-bit pixel star that glows gold when checked.

#transform #pixel

Canlı incele Onay Kutuları

Pizza Order Toggle

A dim pizza emoji fills with warm color and rotates upright when ordered.

#shadow #transform #filter

Canlı incele Onay Kutuları

Planet Orbit Toggle

A planet spins with a purple glow when checked.

#transform #shadow #filter

Canlı incele Onay Kutuları

Plover Toggle

A plover spins gray when checked.

#animation #transform #shadow

Canlı incele Onay Kutuları

Plug Connect Checkbox

A two-pin plug slides into the socket and the contact lamp turns green.

#gradient #shadow #transform

Canlı incele Onay Kutuları

Plus Grow Vertical

A horizontal bar grows a vertical bar to morph from minus into a plus when checked.

Canlı incele Onay Kutuları

Pluto Dwarf Planet

An icy dwarf planet with a heart shape appears when checked.

#gradient #transform #border

Canlı incele Onay Kutuları

Police Car Toggle

A police car flashes blue when checked.

#animation #transform #shadow

Canlı incele Onay Kutuları

Polo Toggle

A polo player flips brown when checked.

#transform #shadow #filter

Canlı incele Onay Kutuları

Pomegranate Toggle

A pomegranate rotates red on check.

#transform #shadow #filter

Canlı incele Onay Kutuları

Pomelo Toggle

A pomelo pulses yellow when checked.

#animation #transform #shadow

Canlı incele Onay Kutuları

Pool Toggle

A pool ball pulses purple when checked.

#animation #transform #shadow

Canlı incele Onay Kutuları

Popcorn Pop Toggle

A popcorn box pops with a buttery glow when checked.

#transform #shadow #filter

Canlı incele Onay Kutuları

Post Office Toggle

A post office slides in blue when checked.

#transform #shadow #filter

Canlı incele Onay Kutuları

Powderpost Beetle Toggle

A powderpost fades in brown when checked.

#transform #shadow #filter

Canlı incele Onay Kutuları

Praying Mantis Toggle

A praying mantis shakes green when checked.

#animation #transform #shadow

Canlı incele Onay Kutuları

Pretzel Twist Toggle

A pretzel twists with a golden glow when checked.

#transform #shadow #filter

Canlı incele Onay Kutuları

Property Arc Checkbox

A registered percentage animates the conic arc smoothly instead of snapping.

#gradient #transform #at-property

Canlı incele Onay Kutuları

Property Sweep Checkbox

A registered percentage property animates a conic fill sweeping around the box.

#gradient #transform #at-property

Canlı incele Onay Kutuları

Prune Toggle

A prune rotates purple on check.

#transform #shadow #filter

Canlı incele Onay Kutuları

Pu-erh Tea Toggle

A pu-erh slides in brown when checked.

#transform #shadow #filter

Canlı incele Onay Kutuları

Puffin Toggle

A puffin pulses orange when checked.

#animation #transform #shadow

Canlı incele Onay Kutuları

Punch Toggle

A punch fades in red when checked.

#transform #shadow #filter

Canlı incele Onay Kutuları

Pyrite Fool's Gold

A metallic gold pyrite cube shines brightly when checked.

#gradient #transform #shadow

Canlı incele Onay Kutuları

Quasar Energy Beams

A bright galactic core emits twin beams when checked.

#animation #gradient #transform