Canlı incele Sekmeler
Brass Pill Tabs
A polished brass pill slides behind the labels while the panels cross fade.
#transition CSS efektleri
"transition" etiketiyle eşleşen 38 ücretsiz saf CSS efekti. Hepsi kopyala-yapıştır hazır; kullanmak için kütüphane veya derleme adımı gerekmez.
#transition etiketli efektler
Canlı incele Sekmeler
Flux Holographic Tabs
An iridescent foil surface whose rainbow sheen keeps travelling over the chosen tab.
Canlı incele Akordeonlar
Brass Ledger Accordion
Numbered ledger rows where the brass index chip fills as the note unrolls.
Canlı incele Akordeonlar
Caliper Guide Accordion
Step numbers come from a CSS counter, so no digit is written into the markup.
Canlı incele Akordeonlar
Cascade Pill Accordion
Fully rounded pill rows relax into soft rectangles as their body appears.
Canlı incele Akordeonlar
Copper Rule Accordion
No shadows at all: a hairline rule draws itself in copper when a row opens.
Canlı incele Akordeonlar
Fjord Slide Accordion
Panels open sideways: the body widens from the left header out to the right.
Canlı incele Akordeonlar
Granite Counter Accordion
Every row carries a count badge and only one section stays open at a time.
Canlı incele Akordeonlar
Lapis Drawer Accordion
Each row looks like a drawer with a grip handle and its contents slide out.
Canlı incele Akordeonlar
Opal Strip Accordion
A horizontal ribbon where the chosen column widens and its text fades in.
Canlı incele Akordeonlar
Quartz Clip Accordion
The panel is wiped open from the left edge with an animated clip path.
Canlı incele Akordeonlar
Slate Stack Accordion
A radio group keeps one slab open and the body grows with grid template rows.
Canlı incele Akordeonlar
Spindle Specs Accordion
Exclusive rows open a two column specification sheet that grows from zero height.
Canlı incele Akordeonlar
Summit Thick Accordion
The open section thickens its outline while the padding shrinks to absorb it.
Canlı incele Akordeonlar
Topaz Progress Accordion
A thin progress line under each header runs to full width as the row opens.
Canlı incele Modallar
Hush Archive Modal
A blueprint archive confirmation fades in quietly while its measure lines extend outward from the centre.
Canlı incele Sekmeler
Bloom Monochrome Tabs
Pure black and white with no colour at all; the active label gains weight and blooms.
Canlı incele Sekmeler
Cascade Icon Swap Tabs
Each tab flips its hollow icon over to a solid one the moment it becomes active.
Canlı incele Sekmeler
Chassis Density Tabs
Density tabs that stretch the same three rows instead of replacing them.
Canlı incele Sekmeler
Dash Sketch Tabs
Hand drawn boxes on a notebook where a pencil dash is redrawn under the active tab.
Canlı incele Sekmeler
Girder Report Type Tabs
Report tabs sitting on a truss whose zigzag shifts under the active span.
Canlı incele Sekmeler
Glide Glass Tabs
A frosted glass pane stretches as it glides between the labels of the bar.
Canlı incele Sekmeler
Harbor Editor File Tabs
Editor style file tabs with a dirty dot and a close cross that appears on the active sheet.
Canlı incele Sekmeler
Ivory Progress Tabs
An ivory progress line under the panel grows as later tabs are selected.
Canlı incele Sekmeler
Onyx Folder Tabs
Browser style folder tabs whose active sheet merges into the panel below.
Canlı incele Sekmeler
Pearl Minimal Tabs
No chrome at all: the active label simply brightens and opens its letter spacing.
Canlı incele Sekmeler
Piston Time Range Tabs
Time range tabs whose piston head plunges down into the selected window.
Canlı incele Sekmeler
Prairie Growing Panel Tabs
The panel box grows or shrinks to the height each tab actually needs, in one motion.
Canlı incele Sekmeler
Ripple Minimal Tabs
Hairline Japanese layout with wide breathing room where the labels answer in a wave.
Canlı incele Sekmeler
Valve Delivery Tabs
Delivery options whose valve handle turns a quarter and opens the green line.
Canlı incele Sekmeler
Wander Bauhaus Tabs
Primary shapes on a striped ground; the ground itself shifts instead of an indicator.
Canlı incele Tablolar
Arc Fixture Reveal
Hovering a fixture arcs open a second line under the tie that lists the goal scorers.
Canlı incele Zaman Çizelgeleri
Basalt Checked Timeline
Finished basalt steps fill in with a tick while the connector to the last one stays dashed.
Canlı incele Zaman Çizelgeleri
Chalk Minimal Timeline
A rail free chalk list marks each moment with a short tick that stretches on hover.
Canlı incele Zaman Çizelgeleri
Echo Recall Timeline
Memories recede into the distance, shrinking and fading until a hover brings one back.
Canlı incele Zaman Çizelgeleri
Ivory Clock Feed
An ivory activity feed stamps each row with a monospace clock chip and slides on hover.
Canlı incele Zaman Çizelgeleri
Tide Expanding Strip
Three tide phases share one strip and the hovered phase widens to show its reading.
Canlı incele Zaman Çizelgeleri
Zinc Expanding Timeline
Hovering a zinc row unfolds a hidden detail line and swells its marker at once.