Canlı incele Kaydırıcılar
Savanna Locked State
An enabled rail above a locked twin that drains its colour and dims its own label.
Kaydırıcılar
Coral Press Slider
Holding the handle squashes it into the rail and the whole card sinks with it.
- Stok kodu
- range-coral-press
- 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ı
Coral Press 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
Gasket Opacity Checker
A checkerboard bed shows through a plate whose alpha keeps breathing up and back down.
Canlı incele Kaydırıcılar
Quartz Gradient Slider
A prismatic quartz rail runs the full spectrum under a bezelled white knob.
Canlı incele Kaydırıcılar
Ratchet Shift Selector
A machined gate slot with six detented positions and a weighted shift-knob handle.
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
Echo Board Slider
Solder mask green with silkscreen text, a gold trace rail and four through hole pads.
Canlı incele Kaydırıcılar
Shaft Minute Timer
A ticking CSS clock face sits beside a rail that dials the countdown in five minute steps.
Canlı incele Kaydırıcılar
Rivet Corner Radius
A riveted steel plate rounds all the way from a hard square into a full circle on hover.