Ember Spark Slider

The handle carries a spark glyph drawn from background bars and flickers as it burns.

Stok kodu: range-ember-spark
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.

Ücretsiz üye ol Giriş yap

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üzelt

#slider #icon #animation #glow

Kullanı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

@keyframes@keyframes ile CSS animasyonu

CSS referansı

Ember Spark 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.

#slider #vertical #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.

#slider #light-leak #blend-mode

Canlı incele Kaydırıcılar

Amber Glow Slider

A dim ember rail runs beneath a knob that breathes its own pulsing amber halo.

#slider #neon #animation

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.

#slider #timer #clock

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.

#slider #brutalist #hard-shadow

Canlı incele Kaydırıcılar

Lever Loop Range

A bar waveform sits above a raked lever that picks how many bars the loop repeats for.

#slider #loop #waveform

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.

#slider #steering #hover

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.

#slider #pair #throttle