Canlı incele Kaydırıcılar
Cobalt Focus Slider
Keyboard focus expands a cobalt halo around the handle instead of a flat outline.
Kaydırıcılar
Cascade Contrast Slider
A high contrast build with black on white shapes and a thick yellow focus outline.
- Stok kodu
- range-cascade-contrast
- 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ı
Cascade Contrast 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
Coil Mono Slider
Pure black and pure white only: the filled span is wound with a tight diagonal coil.
Canlı incele Kaydırıcılar
Dynamo Decibel Meter
A segmented LED ladder runs green to red above a rail scaled in decibels down to silence.
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
Quiver Wave Slider
The rail is a chain of alternating arcs forming a sine wave that keeps drifting sideways.
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
Basalt Square Slider
Hard-cut square handle on a heavy basalt bar with no rounded corners.
Canlı incele Kaydırıcılar
Gleam Zigzag Slider
Saw toothed yellow teeth form the rail while a diagonal gleam wipes across the panel.