Canlı incele Kaydırıcılar
Mica Dotted Slider
A row of mica flecks forms the rail while a glass lens slides over them.
Kaydırıcılar
Thicket Header Slider
A tidy header line pins the field name left and its live value chip hard right.
- Stok kodu
- range-thicket-header
- 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.
CSS referansı
Thicket Header Slider 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.
Kaydırıcılar kategorisindeki tüm efektler gibi bu efekt de tamamen ücretsizdir; ticari projelerde de kullanabilirsin. Kütüphanenin tamamı için Kaydırıcılar koleksiyonuna göz at.
Benzer kaydırıcı efektleri
TümüCanlı incele Kaydırıcılar
Dynamo Decibel Meter
A segmented LED ladder runs green to red above a rail scaled in decibels down to silence.
Canlı incele Kaydırıcılar
Dune Curve Slider
Layered shading bows a perfectly flat rail into what reads as a rounded dune crest.
Canlı incele Kaydırıcılar
Monsoon Notched Grip
Three cut notches score the grip while slanted rain streaks drift across the rail.
Canlı incele Kaydırıcılar
Lattice Line Height
Ruled baseline guides sit behind a paragraph whose leading opens up while focus is inside.
Canlı incele Kaydırıcılar
Glide Glass Slider
A frosted plate floats over a blurred colour orb and carries a translucent rail across it.
Canlı incele Kaydırıcılar
Ratchet Shift Selector
A machined gate slot with six detented positions and a weighted shift-knob handle.
Canlı incele Kaydırıcılar
Tide Micro Slider
A compact inline chip barely taller than its label, sized for dense toolbars.