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ı

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

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