Canlı incele Navigasyon
#border CSS efektleri
"border" etiketiyle eşleşen 3.995 ücretsiz saf CSS efekti. Hepsi kopyala-yapıştır hazır; kullanmak için kütüphane veya derleme adımı gerekmez.
#border etiketli efektler
Canlı incele Navigasyon
Canlı incele Navigasyon
Expanding Sidebar Rail
A narrow icon rail widens on hover and slides the labels out beside each icon.
Canlı incele Navigasyon
Canlı incele Navigasyon
Canlı incele Navigasyon
Canlı incele Navigasyon
Connector Line Treeview
Tree menu with L-shaped connector lines linking parents to children.
Canlı incele Navigasyon
Vertical Tab Right Arrow Pointer
Vertical tabs with a right-pointing arrow on the active item.
Canlı incele Navigasyon
Vertical Tab Left Border Active
Vertical tabs with a glowing left border on the active item.
Canlı incele Navigasyon
Vertical Tab Neon Active Line
Vertical tabs with a pulsing neon active line indicator.
Canlı incele Navigasyon
Canlı incele İlerleme
Stark Dash Progress
A brutalist meter with a hard offset shadow, three pixel outlines and a dashed leading edge.
Canlı incele Sekmeler
Caliper Region Tabs
A pair of caliper jaws slides along the bar and grips the active region.
Canlı incele Sekmeler
Flange Tier Tabs
Tier tabs where a bolted flange ring fills solid on the plan you open.
Canlı incele Sekmeler
Forge Numbered Tabs
Each tab carries a numbered disc that turns white hot when it is opened.
Canlı incele Sekmeler
Monsoon Two Column Panel Tabs
The panel is split in two: a rainfall figure on the left, the reading on the right.
Canlı incele Sekmeler
Socket Privacy Tabs
Privacy levels shaped as sockets; the pin drops into the one you pick.
Canlı incele Tablolar
Quartz Hairline Rules
No frame and no vertical lines — only hairline rules separate the data rows.
Canlı incele Metin
Embossed Text
Subtly embossed text with a light top edge and dark bottom edge for depth.
Canlı incele Metin
Typewriter Line
Characters appear one step at a time behind a blinking block cursor.
Canlı incele İpuçları
Canlı incele İpuçları
Canlı incele İpuçları
Canlı incele İpuçları
Canlı incele İpuçları
Canlı incele İpuçları
Canlı incele İpuçları
Canlı incele İpuçları
Canlı incele İpuçları
Canlı incele İpuçları
Canlı incele İpuçları
Canlı incele İpuçları
Canlı incele İpuçları
Canlı incele İpuçları
Canlı incele İpuçları
Canlı incele İpuçları
Circle Mask Right
Tooltip reveals via an expanding circle mask from the right.
Canlı incele İpuçları
Canlı incele İpuçları
Canlı incele İpuçları
Canlı incele İpuçları
Canlı incele İpuçları
Canlı incele İpuçları
Canlı incele İpuçları
Canlı incele İpuçları
Canlı incele İpuçları
Canlı incele İpuçları
Canlı incele İpuçları
Canlı incele İpuçları
Discrete Transition Tooltip
The bubble animates in from display none using allow-discrete and @starting-style.
Canlı incele İpuçları
Canlı incele İpuçları
Double Frame Bottom
Tooltip with an outer double-frame border below the trigger.
Canlı incele İpuçları
Canlı incele İpuçları
Canlı incele İpuçları
Canlı incele İpuçları
Canlı incele İpuçları
Canlı incele İpuçları
Canlı incele İpuçları
Canlı incele İpuçları
Canlı incele İpuçları
Canlı incele İpuçları
Canlı incele İpuçları
Canlı incele İpuçları
Canlı incele İpuçları
Canlı incele İpuçları
Canlı incele İpuçları
Canlı incele İpuçları
Canlı incele İpuçları
Canlı incele İpuçları
Canlı incele İpuçları
Canlı incele İpuçları
Canlı incele İpuçları
Canlı incele İpuçları
Canlı incele İpuçları
Canlı incele İpuçları
Canlı incele İpuçları
Canlı incele İpuçları
Canlı incele İpuçları
Canlı incele İpuçları
Canlı incele İpuçları
Canlı incele İpuçları
Progress Circular
Tooltip with circular progress indicator above the trigger.
Canlı incele İpuçları
Canlı incele İpuçları
Canlı incele İpuçları
Canlı incele İpuçları
Canlı incele İpuçları
Canlı incele İpuçları
Canlı incele İpuçları
Canlı incele İpuçları
Canlı incele İpuçları
Pop Scale Tooltip
The bubble springs open from the trigger with a slight overshoot before settling.
Canlı incele İpuçları
Canlı incele İpuçları
Canlı incele İpuçları
Silver Metallic
Silver metallic tooltip with subtle gradient above the trigger.
Canlı incele İpuçları
Canlı incele İpuçları
Slide Diagonal Bottom-Left
Tooltip slides in from the bottom-left corner of the trigger.
Canlı incele İpuçları
Canlı incele İpuçları
Spotlight Radial
Tooltip with a radial spotlight gradient highlighting its center.