Canlı incele Akordeonlar
Caliper Guide Accordion
Step numbers come from a CSS counter, so no digit is written into the markup.
#steps CSS efektleri
"steps" etiketiyle eşleşen 22 ücretsiz saf CSS efekti. Hepsi kopyala-yapıştır hazır; kullanmak için kütüphane veya derleme adımı gerekmez.
Canlı incele Akordeonlar
Garnet Steps Accordion
Numbered steps joined by a connector line, with only one step expanded.
Canlı incele Uyarılar
Caliper Delivery Alert
A shipment tracker where the parcel pushes forward then falls back to the held node.
Canlı incele Uyarılar
Dynamo Pending Alert
An approval flow of three nodes where charge flows into the step still being reviewed.
Canlı incele Uyarılar
Monsoon Scale Alert
Four severity segments light up in order and stop at the level the incident reached.
Canlı incele Avatarlar
Anvil Quadrant Completion Meter
Four border arcs form the completion ring and the last quadrant lights up on hover.
Canlı incele Modallar
Bloom Level Up Modal
A chunky pixel art level up panel blooms open in five discrete jumps and then fills its XP bar.
Canlı incele Modallar
Ratchet Permission Modal
A notification permission prompt drops in stepwise, clicking down one notch at a time.
Canlı incele Kayan Yazılar
Flux Arrow Links
Pipeline stages are chained by arrow glyphs that keep nudging toward the next step.
Canlı incele Kayan Yazılar
Garnet Step Ticker
A stepped timing function turns the smooth glide into discrete mechanical jumps.
Canlı incele Kayan Yazılar
Lapis Type Line
Stepped motion plus a blinking block caret give the strip a teletype feeling.
Canlı incele Kayan Yazılar
Ratchet Odometer Bank
Counter drums click through their digits while the whole meter bank rolls left.
Canlı incele Kayan Yazılar
Spiral Bullet List
A real list scrolls sideways and each square marker turns a quarter on every beat.
Canlı incele İlerleme
Chalk Steps Progress
A four stage step tracker where completed marks carry a drawn tick and a green connector.
Canlı incele İlerleme
Girder Odometer Progress
Two mechanical digit reels roll through their numbers behind a fixed percent sign.
Canlı incele İlerleme
Glacier Wizard Progress
A wizard header with five numbered nodes sitting on one continuous rail that fills to the live step.
Canlı incele Kaydırıcılar
Granite Ticks Slider
Five discrete stops backed by a datalist, with tick marks drawn under the rail.
Canlı incele Kaydırıcılar
Topaz Steps Slider
The rail is cut into five lit segments so every step lands on a visible block.
Canlı incele Tablolar
Ratchet Quota Gauges
Plan usage gauges fill in discrete notches with a stepped timing function instead of gliding.
Canlı incele Zaman Çizelgeleri
Canyon Checkout Steps
Cart to payment to confirmation, where a cleared step swaps its digit for a tick.
Canlı incele Zaman Çizelgeleri
Ratchet Line Steps
A pawl jumps from station to station along a toothed rail and never slides back.
Canlı incele Zaman Çizelgeleri
Rivet Assembly Steps
Numbered part codes hang off a rail whose domed rivet heads turn under the cursor.