Canlı incele Kaydırıcılar
Ruby Heat Slider
A thermostat rail shifting from cold cyan to ruby heat with a scale beneath.
Kaydırıcılar
Quartz Gradient Slider
A prismatic quartz rail runs the full spectrum under a bezelled white knob.
- Stok kodu
- range-quartz-gradient
- 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.
CSS referansı
Quartz Gradient 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
Dune Curve Slider
Layered shading bows a perfectly flat rail into what reads as a rounded dune crest.
Canlı incele Kaydırıcılar
Prairie Zone Slider
The rail is banded into low, mid and high zones with a matching legend underneath.
Canlı incele Kaydırıcılar
Marble Ring Slider
A hollow marble ring floats over a shallow channel and shows the rail through 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
Valve Thermostat Lever
A raked steel cursor rides a recessed slot between an eco stop and a boost stop, under a lit readout.
Canlı incele Kaydırıcılar
Fjord Zoom Control
A zoom rail flanked by minus and plus glyphs drawn purely from background bars.
Canlı incele Kaydırıcılar
Cusp Split Slider
The card, the rail and even the handle are cut in half between a cool and a warm side.