Canlı incele Kaydırıcılar
Drift Leak Slider
A warm film light leak keeps sweeping over the panel in screen blend while the knob glows.
Kaydırıcılar
Frost Track Slider
A hairline icy rail carries a glowing round knob that swells under the pointer.
- Stok kodu
- range-frost-track
- 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ı
Frost Track 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
Chassis Steering Feel
A CSS steering wheel turns as the pointer arrives while the rail sets lock-to-lock travel.
Canlı incele Kaydırıcılar
Flint Triangle Slider
A clipped flint arrowhead points down at the rail like a ruler marker.
Canlı incele Kaydırıcılar
Halo Border Slider
The card border and the knob ring are both painted by the same four stop gradient.
Canlı incele Kaydırıcılar
Amber Glow Slider
A dim ember rail runs beneath a knob that breathes its own pulsing amber halo.
Canlı incele Kaydırıcılar
Lapis Brightness Slider
A brightness rail brightening from night blue to daylight between two markers.
Canlı incele Kaydırıcılar
Ember Spark Slider
The handle carries a spark glyph drawn from background bars and flickers as it burns.
Canlı incele Kaydırıcılar
Anvil Type Size
A live specimen line grows from small to display size the moment the control is engaged.