Turbine Throttle Pair
A spinning hub sits beside stacked rails whose colour-coded handles trim top speed and acceleration.
Two colour coded controls sit shoulder to shoulder in one card, split by a thin divider.
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 spinning hub sits beside stacked rails whose colour-coded handles trim top speed and acceleration.
A speaker glyph drawn in CSS sits beside the rail with a numeric readout.
An enabled rail above a locked twin that drains its colour and dims its own label.
Primary square, circle and wedge sit over a cream board with a bold two colour rail.
A washed-out swatch strip floods back to full colour while the control is engaged.
A thermostat rail shifting from cold cyan to ruby heat with a scale beneath.
A pointed value bubble lifts above the rail whenever the control is touched.
Three stacked channel rails mix a colour the way a canyon wall layers its bands.