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.
Kaydırıcılar
Wander Deco Slider
Gold hairlines rule a lacquered black plate with a faceted lozenge riding the gilt rail.
- Stok kodu
- range-wander-deco
- 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
- ::before / ::after::before ve ::after ile katman kurma
- clip-pathclip-path ile şekil kesme
- maskmask ile maskeleme
CSS referansı
Wander Deco 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
Flint Triangle Slider
A clipped flint arrowhead points down at the rail like a ruler marker.
Canlı incele Kaydırıcılar
Pearl Volume Slider
A speaker glyph drawn in CSS sits beside the rail with a numeric readout.
Canlı incele Kaydırıcılar
Lull Halftone Slider
A print style dot screen fills the open rail and fades out across the plate above it.
Canlı incele Kaydırıcılar
Bloom Vapor Slider
A striped sunset disc rises behind chrome lettering while a neon grid runs to the horizon.
Canlı incele Kaydırıcılar
Tether Trim Axis
A signed ruler runs from minus one hundred to plus one hundred with a bright zero detent.
Canlı incele Kaydırıcılar
Echo Board Slider
Solder mask green with silkscreen text, a gold trace rail and four through hole pads.
Canlı incele Kaydırıcılar
Wisp Sparkle Slider
Four point sparkles twinkle out of turn around a violet rail set on a deep night plate.