Canlı incele Sekmeler
Nickel Notch Tabs
A small pointer notch slides under the active tab and aims at the panel below.
- Stok kodu
- tab-slate-boxed
- Lisans
- Ücretsiz
Canlı önizleme herkese açıktır. Kod sekmeleri, kopyalama, kaynak API'si ve izole önizleme belgesi üyelik gerektirir.
Üyelik gerekli
Kaynak kodu görmek için ücretsiz üye ol
HTML, CSS, React çıktısı, kopyalama ve tarayıcı editörü giriş yaptıktan sonra açılır.
Bu efektte bir sorun mu var, yoksa daha iyisini mi yazdın? Düzeltme gönder — onaylanırsa puan kazanırsın.
Sorun bildir veya düzeltKullanılan teknikler
Bu efektte kullanılan CSS teknikleri — her biri canlı örnekli bir rehbere ya da özelliğin referans sayfasına bağlanır.
Rehberler
CSS referansı
Slate Boxed Tabs nasıl kullanılır?
- 1. HTML parçasını sayfanda kullanmak istediğin yere yapıştır.
- 2. CSS bloğunu stil dosyana veya bir
<style>etiketine ekle. - 3. Renkleri ve süreleri kendi tasarımına göre değiştir — bağımlılık yok, saf CSS.
Sekmeler kategorisindeki tüm efektler gibi bu efekt de tamamen ücretsizdir; ticari projelerde de kullanabilirsin. Kütüphanenin tamamı için Sekmeler koleksiyonuna göz at.
Benzer sekme efektleri
TümüCanlı incele Sekmeler
Pulse Brutalist Tabs
Heavy unrounded blocks with a hard offset shadow that springs into place on click.
Canlı incele Sekmeler
Gasket Turning Panel Tabs
Panels seat themselves with a combined scale and rotation, like a gasket ring.
Canlı incele Sekmeler
Chalk Rounded Tabs
One soft rounded shell with the content above and a chalk thumb sliding below.
Canlı incele Sekmeler
Coil Carton Tabs
Corrugated cardboard tabs whose panel unrolls out of its own top left corner.
Canlı incele Sekmeler
Tether Divider Tabs
Hairline dividers split the tabs and a tether drops from the active one to the panel.
Canlı incele Sekmeler
Socket Privacy Tabs
Privacy levels shaped as sockets; the pin drops into the one you pick.
Canlı incele Sekmeler
Coral Icon Text Tabs
Icon and label together; the icon tilts and grows while an underline opens outward.