Canlı incele Uyarılar
Cascade Orbit Alert
A dashed ring with an orbiting bead turns behind the icon of a long running job.
#ring CSS efektleri
"ring" etiketiyle eşleşen 12 ücretsiz saf CSS efekti. Hepsi kopyala-yapıştır hazır; kullanmak için kütüphane veya derleme adımı gerekmez.
Canlı incele Uyarılar
Jade Check Alert
A success notice whose check orb beats gently inside an expanding halo ring.
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 Avatarlar
Chalk Split Dual Ring Avatar
A two-tone ring cut cleanly in half spins a half turn when hovered.
Canlı incele Avatarlar
Coil Two Tone Conic Frame
A masked conic ring alternates two tones and reverses direction while hovered.
Canlı incele Avatarlar
Dune Completion Ring Avatar
An SVG progress ring reports profile completion and refills when hovered.
Canlı incele Avatarlar
Garnet Signal Colour Rings
Three avatars whose ring colour alone encodes online, busy and away.
Canlı incele Avatarlar
Orbit Counter Clockwise Loader
The outer arc turns anticlockwise while the inner arc turns the other way.
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
Tide Thin Thick Ring Swap
A hairline ring and a heavy ring trade their weights when the avatar is hovered.
Canlı incele Kaydırıcılar
Marble Ring Slider
A hollow marble ring floats over a shallow channel and shows the rail through it.