Canlı incele Kaydırıcılar
Basalt Square Slider
Hard-cut square handle on a heavy basalt bar with no rounded corners.
Kaydırıcılar
Slate Pill Slider
A thick slate capsule rail where a violet fill tracks the pale pill handle.
- Stok kodu
- range-slate-pill
- 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ı
Slate Pill 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
Ridge Year Picker
A year selector stepping one year at a time above a ruled decade scale.
Canlı incele Kaydırıcılar
Wisp Sparkle Slider
Four point sparkles twinkle out of turn around a violet rail set on a deep night plate.
Canlı incele Kaydırıcılar
Forge Log Scale
Evenly spaced decades give a logarithmic frequency feel under a glowing ember readout.
Canlı incele Kaydırıcılar
Obsidian Dual Range
Two stacked inputs share one rail so a min and a max handle bracket a span.
Canlı incele Kaydırıcılar
Fjord Zoom Control
A zoom rail flanked by minus and plus glyphs drawn purely from background bars.
Canlı incele Kaydırıcılar
Canyon RGB Channels
Three stacked channel rails mix a colour the way a canyon wall layers its bands.
Canlı incele Kaydırıcılar
Granite Ticks Slider
Five discrete stops backed by a datalist, with tick marks drawn under the rail.