Canlı incele Sekmeler
Glide Glass Tabs
A frosted glass pane stretches as it glides between the labels of the bar.
- Stok kodu
- tab-ivory-progress
- 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ı
Ivory Progress 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
Girder Report Type Tabs
Report tabs sitting on a truss whose zigzag shifts under the active span.
Canlı incele Sekmeler
Wander Bauhaus Tabs
Primary shapes on a striped ground; the ground itself shifts instead of an indicator.
Canlı incele Sekmeler
Brass Pill Tabs
A polished brass pill slides behind the labels while the panels cross fade.
Canlı incele Sekmeler
Flux Holographic Tabs
An iridescent foil surface whose rainbow sheen keeps travelling over the chosen tab.
Canlı incele Sekmeler
Reef Centered Pill Tabs
Centred pill tabs on an open bar; the active pill keeps breathing in coral light.
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
Spiral Halftone Tabs
A printed dot screen where the panel turns into place as the halftone rotates behind it.