Canlı incele Uyarılar
Rivet Trace Alert
A shortened stack trace where riveted studs light up down the frame rail in order.
Ö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
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
Tide Quota Alert
A vertical tank on the left fills with rippling water as the daily quota runs out.
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
Ember Speech Bubble Avatar
A chat bubble with a pointed tail floats gently beside the sender avatar.
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.
Canlı incele Avatarlar
Marble Story Segment Ring
Segmented story arcs rotate around the avatar and freeze while hovered.
Canlı incele Avatarlar
Mesa Letter To Icon Avatar
The monogram swaps for a drawn plus glyph so the tile doubles as an add action.
Canlı incele Avatarlar
Monsoon Outline Ripple Avatar
Outline rings instead of shadows expand outwards from the transparent avatar.
Canlı incele Avatarlar
Nickel Flip Card Avatar
The avatar flips on its vertical axis to reveal the member role on the back.
Canlı incele Avatarlar
Oasis Drawn Outline Avatar
An SVG dash segment travels around the avatar as a continuously drawn contour.
Canlı incele Avatarlar
Obsidian Medal Frame Avatar
Two laurel arcs orbit the portrait above a clipped award ribbon tail.
Canlı incele Avatarlar
Onyx Hexagon Avatar
A clip-path hexagon frame wraps a smaller hexagon holding the initials.
Canlı incele Avatarlar
Opal Skeleton Loading Avatar
A shimmering placeholder avatar with two loading text bars beside it.
Canlı incele Avatarlar
Pearl Glimmer Sheen Avatar
A narrow light bar sweeps diagonally across the pearl-rimmed portrait disc.
Canlı incele Avatarlar
Piston Typing Indicator Avatar
Three dots pump inside a tailed bubble to show that this member is still typing.
Canlı incele Avatarlar
Prairie Vertical Member Column
Three members stacked in a column threaded by a single vertical guide line.
Canlı incele Avatarlar
Pylon Offline Duration Avatar
A hollow presence dot, an elapsed time line and a decaying activity strip mark absence.
Canlı incele Avatarlar
Quartz Squircle Avatar
A gradient-lined squircle melts into a full circle when you hover it.
Canlı incele Avatarlar
Quiver Reply Bubble Avatar
A reply bubble beside its avatar twitches now and then under the quoted parent line.
Canlı incele Avatarlar
Ratchet Open Seat Invite Slot
Two seated members sit next to a dashed empty seat whose plus turns when hovered.
Canlı incele Avatarlar
Ridge Layered Depth Avatar
Two tilted plates stack behind the avatar and fan wider when it is hovered.
Canlı incele Avatarlar
Ripple Long Press Avatar
Holding the avatar slowly floods it with colour so a long press reads as progress.
Canlı incele Avatarlar
Ruby Inset Well Avatar
The portrait sinks into an embossed plate carved out with inner shadows.
Canlı incele Avatarlar
Savanna Badge Corner Set
One avatar shown four times so every badge corner placement can be compared.
Canlı incele Avatarlar
Shaft Split Disc Duo Avatar
One disc is cut into two clipped halves so a shared project reads as a single mark.
Canlı incele Avatarlar
Slate Presence Pulse Avatar
The green presence dot emits a soft ripple so the user reads as online.
Canlı incele Avatarlar
Socket Country Corner Avatar
A tilted tricolour chip marks the country corner and straightens when hovered.
Canlı incele Avatarlar
Spindle Level Ring Avatar
A conic experience ring wraps the avatar and the level chip glows under it.
Canlı incele Avatarlar
Spiral Padding Ring Avatar
The gap around the portrait is pure padding, so hovering can widen the whole ring.
Canlı incele Avatarlar
Summit Focus Within Avatar
Focusing the action button lights a ring around the whole avatar block.
Canlı incele Avatarlar
Tether Social Handle Avatar
A drawn camera badge pulses at the corner and rights itself when the avatar is hovered.
Canlı incele Avatarlar
Thicket Paired Match Avatars
Two avatars lean apart until hover pulls them together over a beating link node.
Canlı incele Avatarlar
Tide Thin Thick Ring Swap
A hairline ring and a heavy ring trade their weights when the avatar is hovered.
Canlı incele Avatarlar
Topaz Notification Count Avatar
An unread counter badge nudges itself every few seconds to draw the eye.
Canlı incele Avatarlar
Tundra Pentagon Frame Avatar
A pentagon frame sways slowly around a second pentagon holding the initials.
Kategoriye göre gez
ButonlarKartlarYükleyicilerMetinArka PlanlarOnay KutularıAnahtarlarHoverRozetlerFormlarNavigasyonİpuçlarıAkordeonlarUyarılarAvatarlarModallarİlerlemeKaydırıcılarSekmelerTablolarZaman ÇizelgeleriKayan Yazılar