Ember Spark Slider
The handle carries a spark glyph drawn from background bars and flickers as it burns.
A zoom rail flanked by minus and plus glyphs drawn purely from background bars.
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.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.
The handle carries a spark glyph drawn from background bars and flickers as it burns.
A thermostat rail shifting from cold cyan to ruby heat with a scale beneath.
A raked steel cursor rides a recessed slot between an eco stop and a boost stop, under a lit readout.
Playback speed between a single slow bar and a stack of accelerating speed lines.
A brightness rail brightening from night blue to daylight between two markers.
A fuel rail whose green fill buries the red reserve band as the tank climbs, with a range estimate above.
The card, the rail and even the handle are cut in half between a cool and a warm side.
The rail is banded into low, mid and high zones with a matching legend underneath.