Canlı incele Akordeonlar
Piston Filters Accordion
Filter groups open with a piston rod stroke and list tickable options with hit counts.
Ö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 Akordeonlar
Prairie Key Accordion
Keyboard shortcut badges sit in the header and press down while open.
Canlı incele Akordeonlar
Pulse Brutal Accordion
Heavy black outlines over a hard offset block that snaps open in two steps.
Canlı incele Akordeonlar
Pylon Tasks Accordion
Project phases fold open onto tick boxes that strike their own task line through.
Canlı incele Akordeonlar
Quartz Clip Accordion
The panel is wiped open from the left edge with an animated clip path.
Canlı incele Akordeonlar
Quiver Door Accordion
Three doors stand in a row and each swings open on a hinge to show its room.
Canlı incele Akordeonlar
Ratchet Fix Accordion
A troubleshooting tree where the yes and no answers open two different branches.
Canlı incele Akordeonlar
Reef Percent Accordion
Each header carries a coverage percentage and a row of filled meter pips.
Canlı incele Akordeonlar
Ruby Timestamp Accordion
A log of timestamped entries where the detail line drops in under the clock.
Canlı incele Akordeonlar
Savanna Meta Accordion
File style rows keep size and date on the right of every folding header.
Canlı incele Akordeonlar
Slate Stack Accordion
A radio group keeps one slab open and the body grows with grid template rows.
Canlı incele Akordeonlar
Socket Permissions Accordion
Permission rows squash open from the top edge to explain why access is requested.
Canlı incele Akordeonlar
Spindle Specs Accordion
Exclusive rows open a two column specification sheet that grows from zero height.
Canlı incele Akordeonlar
Spiral Fan Accordion
Blades sweep out from one pivot like a paper fan while the note appears.
Canlı incele Akordeonlar
Summit Thick Accordion
The open section thickens its outline while the padding shrinks to absorb it.
Canlı incele Akordeonlar
Sway CRT Accordion
A phosphor green tube with scanlines where each entry unrolls in monospace.
Canlı incele Akordeonlar
Tether Locale Accordion
Region groups swing open onto locale rows and the chosen code lights up in place.
Canlı incele Akordeonlar
Thicket Status Accordion
Pass, fail and pending markers are drawn in pure CSS beside each label.
Canlı incele Akordeonlar
Tide Dotted Accordion
No boxes at all: dotted rules divide the rows and the label spaces out.
Canlı incele Akordeonlar
Topaz Progress Accordion
A thin progress line under each header runs to full width as the row opens.
Canlı incele Akordeonlar
Tundra Quote Accordion
Every row folds out a bordered pull quote with its source line underneath.
Canlı incele Akordeonlar
Turbine Account Accordion
Account sections tilt down on a hinge in real perspective instead of sliding open.
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
Bloom Ticket Alert
A support reply that blooms out of the agent avatar as a bubble with a pointed tail.
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
Dynamo Pending Alert
An approval flow of three nodes where charge flows into the step still being reviewed.
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
Ember Rec Alert
A recording banner with a pulsing red dot, a rec label and a running clock readout.
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
Garnet Hazard Alert
A hazard tape band scrolls across the top edge above a destructive action warning.
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.
Kategoriye göre gez
ButonlarKartlarYükleyicilerMetinArka PlanlarOnay KutularıAnahtarlarHoverRozetlerFormlarNavigasyonİpuçlarıAkordeonlarUyarılarAvatarlarModallarİlerlemeKaydırıcılarSekmelerTablolarZaman ÇizelgeleriKayan Yazılar