Piston Time Range Tabs
Time range tabs whose piston head plunges down into the selected window.
Board style tabs that swap the panel between a list, a grid and a bar chart.
Canlı önizleme herkese açıktır. Kod sekmeleri, kopyalama, kaynak API'si ve izole önizleme belgesi üyelik gerektirir.
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üzeltBu efektte kullanılan CSS teknikleri — her biri canlı örnekli bir rehbere ya da özelliğin referans sayfasına bağlanır.
<style> etiketine ekle.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.
Time range tabs whose piston head plunges down into the selected window.
A left hand rail marks the active row and the whole label steps inward.
The tab strip sits under the panel and a shaft pin rises into whichever is open.
A vertical tab column with a violet rail that travels along the right edge.
A vertical rail on the left points a small arrow into the wide panel it opened.
The chosen tab tips over its pivot and the panel swings in from the same hinge.
Panels ride a horizontal track, the neighbours peeking dimmed at the edge of the frame.
A pawl steps across a toothed rack to pick between two account types.