Canlı incele Kayan Yazılar
Obsidian Credits Roll
Role and name pairs scroll upward like the closing credits of a short film.
#mask CSS efektleri
"mask" etiketiyle eşleşen 36 ücretsiz saf CSS efekti. Hepsi kopyala-yapıştır hazır; kullanmak için kütüphane veya derleme adımı gerekmez.
Canlı incele Kaydırıcılar
Bloom Vapor Slider
A striped sunset disc rises behind chrome lettering while a neon grid runs to the horizon.
Canlı incele Avatarlar
Coil Two Tone Conic Frame
A masked conic ring alternates two tones and reverses direction while hovered.
Canlı incele Avatarlar
Cove Sliding Avatar Strip
A masked horizontal strip scrolls member chips endlessly and pauses 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 Arka Planlar
Masked Halftone
A dot matrix is masked with a gradient so the pattern fades out toward one corner.
Canlı incele Kartlar
Masked Gradient Card
An animated angle drives a gradient that is masked to a one pixel border ring.
Canlı incele Hover
Property Trace Frame
Hover starts a registered angle animating, so the gradient outline runs the perimeter.
Canlı incele Kayan Yazılar
Arc Fade Wave
A wave of transparency drifts across the panel independently of the sliding caption.
Canlı incele Kayan Yazılar
Basalt Fade Edge
An extreme edge mask leaves only the middle third legible as the caption drifts.
Canlı incele Kayan Yazılar
Bloom Focus Pass
Items start out of focus and sharpen one at a time as the blurred rail travels on.
Canlı incele Kayan Yazılar
Coil Vertical Loop
Rungs enter from the top edge and leave at the bottom in an endless downward loop.
Canlı incele Kayan Yazılar
Dash Ping Pong
The strip runs to the left, eases to a stop and then retraces its path to the right.
Canlı incele Kayan Yazılar
Flange Plate Line
Registration plates with a blue country band file past a workshop wall rail.
Canlı incele Kayan Yazılar
Flint Bare Line
No panel and no border at all, only quiet type sliding across the dark bench.
Canlı incele Kayan Yazılar
Frost Ticker
A frosted glass strip carries one endless line of text with softly masked edges.
Canlı incele Kayan Yazılar
Glide Word Wake
Each word on the moving rail lights up in turn, so the sentence wakes word by word.
Canlı incele Kayan Yazılar
Harbor Quote Rail
Short testimonials ride past, each opened by an oversized typographic quote mark.
Canlı incele Kayan Yazılar
Ivory Chip Rail
Rounded tag chips ride the loop, useful for topic or keyword strips.
Canlı incele Kayan Yazılar
Lagoon Eased Surge
A steep cubic bezier makes the strip lunge forward then settle before each turn.
Canlı incele Kayan Yazılar
Onyx Logo Belt
Wordmark tiles glide past on a dark belt, the classic partner logo strip.
Canlı incele Kayan Yazılar
Tide Mixed Scale
Words of three different weights and sizes share one rail for an uneven rhythm.
Canlı incele Kayan Yazılar
Tundra Credential Belt
Certification badges with tick marks pass by like an accreditation footer strip.
Canlı incele Kayan Yazılar
Valve Crypto Tape
Round token badges lead each pair as the quote tape drifts across a terminal strip.
Canlı incele İlerleme
Flint Orbit Progress
A slim conic ring with the percentage printed at its centre and a slow pulsing halo.
Canlı incele İlerleme
Granite Gauge Progress
A half circle gauge built from a conic gradient anchored at the bottom centre of the box.
Canlı incele İlerleme
Harbor Dual Progress
Two concentric rings carry two different metrics with a colour matched key column beside them.
Canlı incele İlerleme
Marble Ring Progress
A thick conic gradient ring cut out with a mask, holding a static seventy two percent sweep.
Canlı incele İlerleme
Mauve Quiver Progress
An organic ring holds the value arc while its outline morphs and breathes on a slow cycle.
Canlı incele İlerleme
Neon Halo Progress
A vaporwave ring in magenta and cyan wraps a slatted retro sun that carries the percentage.
Canlı incele İlerleme
Obsidian Dash Progress
A dashed ring made by masking a conic gradient with a repeating conic pattern of ticks.
Canlı incele İlerleme
Pylon Cogwheel Progress
A toothed wheel turns against a smaller counter rotating one while a ring holds the value.
Canlı incele İlerleme
Ridge Rings Progress
Three nested activity rings track move, burn and stand goals inside one compact dial.
Canlı incele İlerleme
Willow Halo Progress
A hairline gradient halo turns forever around a static value arc that holds forty six percent.
Canlı incele Kaydırıcılar
Lull Halftone Slider
A print style dot screen fills the open rail and fades out across the plate above it.
Canlı incele Kaydırıcılar
Wander Deco Slider
Gold hairlines rule a lacquered black plate with a faceted lozenge riding the gilt rail.