Canlı incele Akordeonlar
Tundra Quote Accordion
Every row folds out a bordered pull quote with its source line underneath.
Ö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.
En çok incelenen efektler
Canlı incele Akordeonlar
Valley Zebra Accordion
Alternating row tints keep a dense list readable while sections expand.
Canlı incele Akordeonlar
Valve Logs Accordion
Log levels collapse into groups and the valve wheel turns a quarter when opened.
Canlı incele Akordeonlar
Vault Deco Accordion
A gold framed panel with a deco ray fan that turns half around on selection.
Canlı incele Akordeonlar
Verge Bellows Accordion
A ribbed bellows stretches between the header and the body as the fold expands.
Canlı incele Akordeonlar
Wander Bauhaus Accordion
Primary colour circle, square and triangle mark rows that grow from zero.
Canlı incele Akordeonlar
Willow Line Accordion
A hairline sits under each header and a lit segment travels it while open.
Canlı incele Akordeonlar
Wisp Cabinet Accordion
Filing cabinet drawers slide toward you and throw a shadow while they stay out.
Canlı incele Akordeonlar
Zenith Memphis Accordion
Playful dots and diagonal confetti sit behind headers with a turning diamond.
Canlı incele Uyarılar
Amber Dismiss Alert
A hidden checkbox lets the warning collapse away and reveals a restore panel.
Canlı incele Uyarılar
Anvil Comment Alert
A new comment lands as a speech bubble that squashes on impact before the byline settles.
Canlı incele Uyarılar
Aurora List Alert
A blocking notice that enumerates three unmet conditions as staggered bullet rows.
Canlı incele Uyarılar
Basalt Stack Alert
Three queued notifications sit stacked behind each other and breathe in sequence.
Canlı incele Uyarılar
Bearing Payment Alert
A declined payment notice beside a tilting bank card whose chip catches the light.
Canlı incele Uyarılar
Brass Rail Alert
A riveted brass plate carries the icon beside a two line warning message.
Canlı incele Uyarılar
Caliper Delivery Alert
A shipment tracker where the parcel pushes forward then falls back to the held node.
Canlı incele Uyarılar
Canyon Confirm Alert
A destructive decision box that pairs a cancel button with a glowing confirm button.
Canlı incele Uyarılar
Cascade Orbit Alert
A dashed ring with an orbiting bead turns behind the icon of a long running job.
Canlı incele Uyarılar
Chassis Location Alert
A location permission prompt where a radar wedge sweeps around the map pin marker.
Canlı incele Uyarılar
Circuit Shortcut Alert
A hint strip whose key caps press down while a circuit trace runs along the base.
Canlı incele Uyarılar
Cobalt System Alert
An operating system style notification drops in with app tile, sender and time.
Canlı incele Uyarılar
Coil Datasaver Alert
A data saver notice where a stack of slabs squeezes down as traffic gets compressed.
Canlı incele Uyarılar
Conduit Calendar Alert
A calendar reminder whose day sheet peels away above a pipe of travelling dashes.
Canlı incele Uyarılar
Copper Inline Alert
An inline validation message sits under the field and nudges itself periodically.
Canlı incele Uyarılar
Coral Top Icon Alert
A centred card whose flag icon drops in from above the title on every cycle.
Canlı incele Uyarılar
Cusp Expiry Alert
An expiring card notice whose two brand discs keep sliding apart below a folded cusp.
Canlı incele Uyarılar
Dash Selection Alert
A multi select action bar framed by marching dashes that travel around every edge.
Canlı incele Uyarılar
Delta Progress Alert
A working notification whose progress track fills while a highlight sweeps the bar.
Canlı incele Uyarılar
Drift Night Alert
A night mode suggestion with drifting stars and a real switch that slides when clicked.
Canlı incele Uyarılar
Dune Chip Alert
A single line pill notice led by a status chip that catches a passing glint of light.
Canlı incele Uyarılar
Echo Announce Alert
A screen reader style announcement where two arcs echo outward from a small speaker.
Canlı incele Uyarılar
Fjord Offline Alert
A connection lost panel where the signal bars keep searching behind a blinking slash.
Canlı incele Uyarılar
Flange Cert Alert
An expired certificate warning where the padlock springs open and the host is struck out.
Canlı incele Uyarılar
Flint Frame Alert
A full outlined frame with two blinking corner brackets marks a read only state.
Canlı incele Uyarılar
Flux Import Alert
An import summary of three counters that rise in turn while the failed tile keeps alarming.
Canlı incele Uyarılar
Forge Ratelimit Alert
A throttling notice whose token bucket empties pip by pip while the retry timer blinks.
Canlı incele Uyarılar
Girder Backup Alert
A completed backup listing three volumes that get stamped off along a rising rail.
Canlı incele Uyarılar
Glacier Tick Alert
A success panel whose check mark is drawn stroke by stroke inside a popping disc.
Canlı incele Uyarılar
Gleam Focus Alert
A keyboard hint where a gleam travels around the focus ring drawn on a sample button.
Canlı incele Uyarılar
Glide Drop Alert
A dashed drop target whose file card glides into place while the zone keeps glowing.
Canlı incele Uyarılar
Granite Dashed Alert
A dashed outline note whose border quietly brightens and dims on a slow cycle.
Canlı incele Uyarılar
Halo Age Alert
An age gate whose eighteen plus seal sits inside a halo that keeps sweeping around it.
Canlı incele Uyarılar
Harbor Topbar Alert
A notice capped by a thick top rail whose light band keeps travelling left to right.
Canlı incele Uyarılar
Hush Beta Alert
A quiet preview notice marked by a vertical beta rail that breathes beside muted copy.
Canlı incele Uyarılar
Jade Check Alert
A success notice whose check orb beats gently inside an expanding halo ring.
Canlı incele Uyarılar
Kiln Invite Alert
A workspace invitation with a warming avatar and a stacked accept or decline column.
Canlı incele Uyarılar
Kindle Invoice Alert
An invoice notice where the paper lines fill in and the amount kindles into a warm glow.
Canlı incele Uyarılar
Lagoon Update Alert
A release notice showing the jump from the old build to the new one with a lifting arrow.
Canlı incele Uyarılar
Lapis Info Alert
Three bobbing dots show that the announced background job is still processing.
Canlı incele Uyarılar
Lattice Bubble Alert
A hatched callout balloon hovers over the field and points at it with a small arrow.
Canlı incele Uyarılar
Lever Trial Alert
A trial expiry card with a draining edge bar and a lever that keeps swinging to off.
Canlı incele Uyarılar
Lull Notfound Alert
A single line not found row where a lens sweeps across a gently slipping status code.
Canlı incele Uyarılar
Marble Accent Alert
A minimal iconless notice marked only by a slowly drifting left accent stripe.
Canlı incele Uyarılar
Meadow Corner Alert
A folded triangle marks the top right corner and shifts hue as the notice idles.
Canlı incele Uyarılar
Mesa Upload Alert
A file row whose transfer bar stalls part way and turns red when the size limit is hit.
Canlı incele Uyarılar
Mica Quiet Alert
A quiet one line notice whose timestamp slides open only while it is hovered.
Canlı incele Uyarılar
Monsoon Scale Alert
Four severity segments light up in order and stop at the level the incident reached.
Canlı incele Uyarılar
Nickel Details Alert
A native details element expands the failing rows underneath the error summary.
Canlı incele Uyarılar
Oasis Inset Alert
A carved out well sits below the surface and its inner shadow deepens on a slow loop.
Canlı incele Uyarılar
Obsidian Clip Alert
A clip path notch cuts the top right corner and a diagonal accent lights the seam.
Canlı incele Uyarılar
Onyx Terminal Alert
Console styled output prints a warning and an error line with a blinking caret.
Canlı incele Uyarılar
Opal Badge Alert
The notice carries an unread counter badge that pops on a repeating rhythm.
Canlı incele Uyarılar
Orbit Submit Alert
A submit confirmation where a wedge sweeps the ring shut before the tick is drawn in.
Canlı incele Uyarılar
Pearl Blur Alert
Title and description resolve out of a soft blur one after the other on a loop.
Canlı incele Uyarılar
Piston Json Alert
An API failure rendered as a raw JSON response with a throbbing status code chip.
Canlı incele Uyarılar
Prairie Verify Alert
An address confirmation notice whose envelope flap keeps opening beside the resend link.
Canlı incele Uyarılar
Pylon Conflict Alert
A sync conflict panel where the local and server versions light up one after the other.
Canlı incele Uyarılar
Quartz Countdown Alert
A draining progress bar on the top edge counts down until the notice retires.
Canlı incele Uyarılar
Quiver Write Alert
A disk write failure where the platter keeps spinning while the head arm quivers in place.
Canlı incele Uyarılar
Ratchet Countdown Alert
A maintenance countdown built from split flap tiles where the seconds tile keeps turning.
Canlı incele Uyarılar
Reef Expand Alert
A compact warning that grows taller on hover to reveal the exact usage numbers.
Canlı incele Uyarılar
Savanna Cookie Alert
A consent strip rises into view with a crumbled biscuit mark and two reply buttons.
Canlı incele Uyarılar
Shaft Feature Alert
A feature announcement with twinkling stars and a headline whose gradient keeps drifting.
Canlı incele Uyarılar
Slate Toast Alert
A compact toast slides in from the right edge, rests, then slips away again.
Canlı incele Uyarılar
Socket Message Alert
An incoming chat notice whose message text is wiped in from the left beside an avatar.
Canlı incele Uyarılar
Spindle Ribbon Alert
A page wide ribbon that rolls up around its spindle when the close cross is clicked.
Canlı incele Uyarılar
Spiral Timeout Alert
A timeout card where three dashed rings wind at different speeds and stall together.
Canlı incele Uyarılar
Summit Code Alert
A numeric status code stands beside the failure summary and flickers like bad neon.
Canlı incele Uyarılar
Sway Archive Alert
An archive notice where the lid swings open and the thread card drops into the box.
Canlı incele Uyarılar
Thicket Maintenance Alert
A maintenance band woven with drifting hatch lines and a gear that keeps turning.
Canlı incele Uyarılar
Tundra Frame Alert
A one pixel gradient frame circles the card while its colours rotate around the edge.
Canlı incele Uyarılar
Valley Log Alert
A single log row with timestamp and level chip lights up as a fresh entry arrives.
Canlı incele Uyarılar
Verge Experimental Alert
An experimental warning inside a yellow dashed frame with a flask that keeps bubbling.
Canlı incele Uyarılar
Wander Reconnect Alert
A restored link where a bead crosses the dotted wire and both end nodes latch shut.
Canlı incele Uyarılar
Willow Session Alert
A clock dial sweeps a full turn beside the remaining seconds of an expiring session.
Canlı incele Uyarılar
Wisp Legal Alert
A compliance notice lit by a wisp of light drifting behind a slowly tilting section mark.
Canlı incele Avatarlar
Anvil Quadrant Completion Meter
Four border arcs form the completion ring and the last quadrant lights up on hover.
Canlı incele Avatarlar
Arc Dotted Frame Avatar
Twelve separate dots replace the border and light up one after another around it.
Canlı incele Avatarlar
Aurora Banner Profile Card
A rectangular profile card whose aurora banner drifts behind the overlapping avatar.
Canlı incele Avatarlar
Basalt Overflow Counter Avatars
Three rounded-square members plus a counter chip that widens on hover.
Canlı incele Avatarlar
Bearing Active Speaker Avatars
The speaking member breathes inside a green glow while the silent one stays desaturated.
Canlı incele Avatarlar
Bloom Expanding Capsule Avatar
The circular capsule stretches into a full name plate as the pointer enters it.
Canlı incele Avatarlar
Brass Conic Halo Avatar
A conic brass gradient turns endlessly around a dark initials disc.
Canlı incele Avatarlar
Caliper Waiting Room Avatar
A muted avatar sits above an indeterminate bar that shuttles while the host approves.
Canlı incele Avatarlar
Canyon Member Row
A directory list row where an accent bar grows and the chevron slides on hover.
Canlı incele Avatarlar
Cascade Before After Avatars
A placeholder avatar and its finished version stand side by side with an arrow.
Kategoriye göre gez
ButonlarKartlarYükleyicilerMetinArka PlanlarOnay KutularıAnahtarlarHoverRozetlerFormlarNavigasyonİpuçlarıAkordeonlarUyarılarAvatarlarModallarİlerlemeKaydırıcılarSekmelerTablolarZaman ÇizelgeleriKayan Yazılar