Canlı incele Akordeonlar
Shaft Params Accordion
Endpoint rows unpack a parameter grid whose gaps grow open from nothing.
#grid CSS efektleri
"grid" etiketiyle eşleşen 33 ücretsiz saf CSS efekti. Hepsi kopyala-yapıştır hazır; kullanmak için kütüphane veya derleme adımı gerekmez.
Canlı incele Avatarlar
Vault Selectable Avatar Grid
A radio group where the chosen avatar lifts out of the row and takes a warm ring.
Canlı incele Akordeonlar
Circuit Toggles Accordion
A settings panel whose groups unfold into rows that each carry a working switch.
Canlı incele Akordeonlar
Delta Split Accordion
Two independent columns of foldable rows sit side by side in one grid.
Canlı incele Akordeonlar
Glacier Icons Accordion
Opening a section uncovers a four cell grid of small geometric icon tiles.
Canlı incele Akordeonlar
Mica Grid Accordion
Grid template rows grow from zero while a mica flake glints beside the label.
Canlı incele Akordeonlar
Pulse Brutal Accordion
Heavy black outlines over a hard offset block that snaps open in two steps.
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
Wander Bauhaus Accordion
Primary colour circle, square and triangle mark rows that grow from zero.
Canlı incele Avatarlar
Coral Team Quad Avatar
Four member tiles packed into one circular group avatar for shared spaces.
Canlı incele Avatarlar
Delta Presence State Grid
Six avatars in a grid, each labelled with a different presence state colour.
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 Modallar
Arc Reward Modal
A points reward panel swings up along a wide arc over a scrolling vaporwave horizon grid.
Canlı incele Modallar
Caliper Currency Modal
A currency selector shears in from the left and straightens its skew as it lands.
Canlı incele Modallar
Harbor Emoji Picker
An emoji picker grows out of its lower left corner above a category strip and preview line.
Canlı incele Modallar
Hush Archive Modal
A blueprint archive confirmation fades in quietly while its measure lines extend outward from the centre.
Canlı incele Modallar
Ridge Date Picker Modal
A calendar sheet unrolls downward from its top edge and the chosen day pops into place.
Canlı incele Kayan Yazılar
Willow Grid Floor
The caption rides over a fine engineering grid that pans slowly the other way.
Canlı incele İlerleme
Mica Grid Progress
Progress drawn as a grid of small mica tiles where fifteen of twenty four blocks are filled.
Canlı incele İlerleme
Rivet Defrag Progress
A dense disk map of sixty blocks in three states with a scanning beam crossing the grid.
Canlı incele Kaydırıcılar
Lagoon Paired Sliders
Two colour coded controls sit shoulder to shoulder in one card, split by a thin divider.
Canlı incele Sekmeler
Circuit View Switcher Tabs
Board style tabs that swap the panel between a list, a grid and a bar chart.
Canlı incele Tablolar
Onyx Grid Frame
A fully ruled grid where the hovered cell brightens its own square only.
Canlı incele Tablolar
Quiver Spec Duel
Two cars share one lane per spec and their bars grow outward from a centre line in opposite ways.
Canlı incele Zaman Çizelgeleri
Bloom Seasons Timeline
A conic wheel splits the year into four seasons while a slow hand sweeps around it.
Canlı incele Zaman Çizelgeleri
Cove Ledger Timeline
Money in and out over three dates, each row flagged by a small direction arrow.
Canlı incele Zaman Çizelgeleri
Garnet Split Timeline
Dates sit left of the garnet rail and the matching notes line up on the right.
Canlı incele Zaman Çizelgeleri
Reef Habit Week
A week of habit dots per row, with today's column ringed and pulsing.
Canlı incele Zaman Çizelgeleri
Ridge Day Agenda
An hour column runs down the left while the current slot keeps breathing.
Canlı incele Zaman Çizelgeleri
Thicket Two Column Timeline
Two crews report on either side of a shared rail with the day marked in between.
Canlı incele Zaman Çizelgeleri
Valley Service Log
A maintenance ledger with banded rows, odometer readings and one job still due.
Canlı incele Anahtarlar
Has-Selector Settings Toggle
Switching on expands an extra options panel below it, using :has() and grid rows.