Canlı incele Avatarlar
Chalk Split Dual Ring Avatar
A two-tone ring cut cleanly in half spins a half turn when hovered.
Ö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 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
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.
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
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.
Canlı incele Avatarlar
Turbine Screen Share Frame
Marching dashes run around a monitor frame while the presenter avatar sits inside it.
Canlı incele Avatarlar
Valve Team Colour Band Avatars
Each tile carries a team coloured band along its base that grows taller on hover.
Canlı incele Avatarlar
Verge Circle In Square Mask
A circular clip inside a square plate widens on hover until it fills the corners.
Canlı incele Avatarlar
Wander Skill Chip Avatar
Skill chips beside the avatar rise one after another when the row is hovered.
Canlı incele Avatarlar
Willow Knockout Initials Avatar
Initials are punched out of the coloured disc so the dark bench shows through.
Canlı incele Avatarlar
Wisp Short Biography Card
A compact card pairing the avatar with a single biography line and an accent edge.
Canlı incele Avatarlar
Zenith Numbered Rank List
An ordered podium list where the first three places carry their own metal ring.
Canlı incele Rozetler
Canlı incele Rozetler
Canlı incele Rozetler
Canlı incele Rozetler
Canlı incele Rozetler
Canlı incele Rozetler
Canlı incele Rozetler
Canlı incele Rozetler
Canlı incele Rozetler
Canlı incele Rozetler
Action Download Badge
Download action badge with down-arrow glyph and indigo tone.
Canlı incele Rozetler
Canlı incele Rozetler
Canlı incele Rozetler
Canlı incele Rozetler
Canlı incele Rozetler
Action Upload Badge
Upload action badge with up-arrow glyph and sky-blue tone.
Canlı incele Rozetler
Canlı incele Rozetler
Canlı incele Rozetler
Canlı incele Rozetler
Canlı incele Rozetler
Canlı incele Rozetler
Canlı incele Rozetler
Canlı incele Rozetler
Canlı incele Rozetler
Canlı incele Rozetler
Canlı incele Rozetler
Kategoriye göre gez
ButonlarKartlarYükleyicilerMetinArka PlanlarOnay KutularıAnahtarlarHoverRozetlerFormlarNavigasyonİpuçlarıAkordeonlarUyarılarAvatarlarModallarİlerlemeKaydırıcılarSekmelerTablolarZaman ÇizelgeleriKayan Yazılar