Canlı incele Kaydırıcılar
Pulse Brutal Slider
Raw brutalist panel with a four pixel ink frame, hard offset shadow and a flashing status tag.
Kaydırıcılar
Garnet Scale Slider
A numbered measuring scale sits above a slim rail marked by a glowing garnet blade.
- Stok kodu
- range-garnet-scale
- 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ı
Garnet Scale 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
Mesa Endcap Slider
A small block and a large block bookend the rail to signal the minimum and maximum.
Canlı incele Kaydırıcılar
Ivory Minimal Slider
One hairline rule, one tiny ivory dot and a monospaced readout — nothing else.
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
Ruby Heat Slider
A thermostat rail shifting from cold cyan to ruby heat with a scale beneath.
Canlı incele Kaydırıcılar
Tether Trim Axis
A signed ruler runs from minus one hundred to plus one hundred with a bright zero detent.
Canlı incele Kaydırıcılar
Spiral Mist Slider
Two blurred conic clouds breathe behind the rail and leave a soft aura around the knob.
Canlı incele Kaydırıcılar
Gleam Zigzag Slider
Saw toothed yellow teeth form the rail while a diagonal gleam wipes across the panel.