Copper Diamond Slider
A tilted copper lozenge glides on a thin wire and opens up when hovered.
A CSS steering wheel turns as the pointer arrives while the rail sets lock-to-lock travel.
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.
A tilted copper lozenge glides on a thin wire and opens up when hovered.
Playback speed between a single slow bar and a stack of accelerating speed lines.
The handle carries a spark glyph drawn from background bars and flickers as it burns.
A pointed value bubble lifts above the rail whenever the control is touched.
A zoom rail flanked by minus and plus glyphs drawn purely from background bars.
A speaker glyph drawn in CSS sits beside the rail with a numeric readout.
A live specimen line grows from small to display size the moment the control is engaged.
A clipped flint arrowhead points down at the rail like a ruler marker.