Canlı incele Kaydırıcılar
Marble Ring Slider
A hollow marble ring floats over a shallow channel and shows the rail through it.
Kaydırıcılar
Nickel Industrial Slider
A heavy knurled nickel grip sits in a bevelled channel like a workshop control.
- Stok kodu
- range-nickel-industrial
- 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ı
Nickel Industrial 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
Reef Neomorphic Slider
A soft-UI control where the channel is pressed inward and the knob swells outward.
Canlı incele Kaydırıcılar
Girder Quality Tier
An I-beam rail with a bolted block handle steps between three labelled render tiers.
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
Monsoon Notched Grip
Three cut notches score the grip while slanted rain streaks drift across the rail.
Canlı incele Kaydırıcılar
Orbit Neumorph Slider
A pale putty panel where a moon knob rides a pressed groove that fills in behind it.
Canlı incele Kaydırıcılar
Brass Groove Slider
A deep machined groove holds a polished brass bead between end caps.
Canlı incele Kaydırıcılar
Hush Wire Slider
Everything is one pixel wide: the frame, the rail, the tick comb and the open ring handle.