Wisp Sparkle Slider

Four point sparkles twinkle out of turn around a violet rail set on a deep night plate.

Stok kodu: range-wisp-sparkle
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 #sparkle #clip-path #animation #night

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

CSS referansı

Wisp Sparkle 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

Gleam Zigzag Slider

Saw toothed yellow teeth form the rail while a diagonal gleam wipes across the panel.

#slider #zigzag #sawtooth

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

Spindle Axis Joystick

A crosshair gate pad reports the stick position while the rail trims the horizontal axis.

#slider #joystick #axis

Canlı incele Kaydırıcılar

Meadow Star Rating

A five-step rating rail whose amber fill stops exactly where the lit stars above run out.

#slider #rating #star

Canlı incele Kaydırıcılar

Spiral Mist Slider

Two blurred conic clouds breathe behind the rail and leave a soft aura around the knob.

#slider #blur #aura

Canlı incele Kaydırıcılar

Monsoon Notched Grip

Three cut notches score the grip while slanted rain streaks drift across the rail.

#slider #knurled #animation

Canlı incele Kaydırıcılar

Cobalt Focus Slider

Keyboard focus expands a cobalt halo around the handle instead of a flat outline.

#slider #focus-visible #animation

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