Canlı incele Uyarılar
Glide Drop Alert
A dashed drop target whose file card glides into place while the zone keeps glowing.
Ö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 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
Rivet Trace Alert
A shortened stack trace where riveted studs light up down the frame rail in order.
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
Valve Disk Alert
A storage warning built from a three segment usage bar with a colour coded legend.
Canlı incele Uyarılar
Vault Forbidden Alert
A forbidden notice whose vault dial turns a little and then refuses with a short jerk.
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.
Canlı incele Avatarlar
Chalk Split Dual Ring Avatar
A two-tone ring cut cleanly in half spins a half turn when hovered.
Canlı incele Avatarlar
Chassis Muted Microphone Avatar
A drawn microphone badge carries a slash that retracts on hover as the state flips to live.
Canlı incele Avatarlar
Cobalt Size Ladder Avatars
Five avatar sizes from extra small to extra large lined up on one baseline.
Canlı incele Avatarlar
Coil Two Tone Conic Frame
A masked conic ring alternates two tones and reverses direction while hovered.
Canlı incele Avatarlar
Conduit Timezone Clock Avatar
A miniature analog dial turns beside the avatar to report the member local time.
Canlı incele Avatarlar
Coral Team Quad Avatar
Four member tiles packed into one circular group avatar for shared spaces.
Canlı incele Avatarlar
Cove Sliding Avatar Strip
A masked horizontal strip scrolls member chips endlessly and pauses on hover.
Canlı incele Avatarlar
Cusp Organic Corner Avatar
Four unequal corner radii keep morphing so the avatar never settles into a circle.
Canlı incele Avatarlar
Dash Follower Stat Trio
Followers, posts and likes sit under the avatar in three separately hoverable cells.
Canlı incele Avatarlar
Delta Presence State Grid
Six avatars in a grid, each labelled with a different presence state colour.
Canlı incele Avatarlar
Drift Comment Thread Row
A comment line led by a small avatar whose reply tools unfold only on hover.
Canlı incele Avatarlar
Dune Completion Ring Avatar
An SVG progress ring reports profile completion and refills when hovered.
Canlı incele Avatarlar
Echo Overlapping Initials Plate
Two translucent letters overlap in screen blend and drift apart when hovered.
Canlı incele Avatarlar
Fjord Ghost Monogram
An oversized ghost letter sits behind the monogram and slides away on hover.
Canlı incele Avatarlar
Flange Newcomer Ribbon Avatar
A diagonal ribbon is clipped into the corner of the tile and a spark twinkles beside it.
Canlı incele Avatarlar
Flint Droplet Avatar
A teardrop shaped avatar bobs gently and flips its pointed corner on hover.
Canlı incele Avatarlar
Flux Hover Action Overlay
Three drawn action buttons rise over the blurred portrait while it is hovered.
Canlı incele Avatarlar
Forge Expanding Footer Card
A vertical member card whose hidden action row unfolds with an animated grid row.
Canlı incele Avatarlar
Frost Double Ring Avatar
Two concentric rings hold the initials and the outer halo widens on hover.
Canlı incele Avatarlar
Garnet Signal Colour Rings
Three avatars whose ring colour alone encodes online, busy and away.
Canlı incele Avatarlar
Gasket Member Mosaic Wall
A twelve tile member wall dims as a whole so the hovered tile lifts out of the grid.
Canlı incele Avatarlar
Girder Birthday Confetti Avatar
Paper bits rain over a celebrating member while the striped party hat rocks on top.
Canlı incele Avatarlar
Glacier Shifting Gradient Initial
A single initial rides a cold gradient that keeps sliding across the disc.
Canlı incele Avatarlar
Gleam Single Letter Mark
One very heavy letter carries a moving metal gradient with no disc around it.
Canlı incele Avatarlar
Granite Zoom Reveal Avatar
The drawn portrait zooms inside its mask while a caption slides up over it.
Canlı incele Avatarlar
Harbor Striped Backdrop Avatar
A diagonal striped plate scrolls endlessly behind a cut-out circular avatar.
Canlı incele Avatarlar
Hush Double Offset Shadow Tile
Two hard offset shadow layers stack behind the tile and collapse under the pointer.
Canlı incele Avatarlar
Ivory Minimal Initials Avatar
A borderless two-letter mark that inverts while its name underline draws in.
Canlı incele Avatarlar
Jade Hover Profile Card
Hovering the avatar slides a compact name and role card out beside it.
Canlı incele Avatarlar
Kiln Folded Corner Member Panel
A wide member panel with a clipped folded corner, a divider and a shift counter.
Canlı incele Avatarlar
Kindle Inverted Contrast Row
A near white avatar on the dark bench swaps its contrast with the card on hover.
Canlı incele Avatarlar
Lagoon Blur To Sharp Avatar
The portrait resolves from a blurred placeholder while the loading label fades out.
Canlı incele Avatarlar
Lapis Dashed Loader Avatar
A dashed ring spins around a dimmed avatar to mark a pending upload.
Canlı incele Avatarlar
Lattice Role Coded Frames
Three members whose gradient frame and name plate encode admin, moderator and member.
Canlı incele Avatarlar
Lever Overflow Count Overlay
A translucent counter layer covers the whole avatar and lifts away when hovered.
Canlı incele Avatarlar
Lull Floating Ground Shadow
A thin elliptical ground shadow shrinks in step with the avatar as it lifts.
Kategoriye göre gez
ButonlarKartlarYükleyicilerMetinArka PlanlarOnay KutularıAnahtarlarHoverRozetlerFormlarNavigasyonİpuçlarıAkordeonlarUyarılarAvatarlarModallarİlerlemeKaydırıcılarSekmelerTablolarZaman ÇizelgeleriKayan Yazılar