Canlı incele Kaydırıcılar
Ratchet Shift Selector
A machined gate slot with six detented positions and a weighted shift-knob handle.
Kaydırıcılar
Girder Quality Tier
An I-beam rail with a bolted block handle steps between three labelled render tiers.
- Stok kodu
- range-girder-quality
- 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ı
Girder Quality Tier 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
Basalt Square Slider
Hard-cut square handle on a heavy basalt bar with no rounded corners.
Canlı incele Kaydırıcılar
Nickel Industrial Slider
A heavy knurled nickel grip sits in a bevelled channel like a workshop control.
Canlı incele Kaydırıcılar
Gear Ratio Selector
A toothed rail carries a hex-nut handle across eight final-drive ratios listed underneath.
Canlı incele Kaydırıcılar
Bearing Detent Percent
Four notches cut the rail into quarter stops and a polished ball bearing snaps between them.
Canlı incele Kaydırıcılar
Ridge Year Picker
A year selector stepping one year at a time above a ruled decade scale.
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
Chassis Steering Feel
A CSS steering wheel turns as the pointer arrives while the rail sets lock-to-lock travel.