Canlı incele Kaydırıcılar
Ember Spark Slider
The handle carries a spark glyph drawn from background bars and flickers as it burns.
Kaydırıcılar
Amber Glow Slider
A dim ember rail runs beneath a knob that breathes its own pulsing amber halo.
- Stok kodu
- range-amber-glow
- 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ı
Amber Glow 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
Kiln Thermometer Tube
A glass column with a glowing bulb below it stands in for the handle of a kiln thermometer.
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.
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.
Canlı incele Kaydırıcılar
Shaft Minute Timer
A ticking CSS clock face sits beside a rail that dials the countdown in five minute steps.
Canlı incele Kaydırıcılar
Flux Holo Slider
An iridescent film keeps drifting through the rail and the sample strip above it.
Canlı incele Kaydırıcılar
Turbine Throttle Pair
A spinning hub sits beside stacked rails whose colour-coded handles trim top speed and acceleration.
Canlı incele Kaydırıcılar
Cobalt Focus Slider
Keyboard focus expands a cobalt halo around the handle instead of a flat outline.