Canlı incele Kaydırıcılar
Lattice Line Height
Ruled baseline guides sit behind a paragraph whose leading opens up while focus is inside.
Kaydırıcılar
Anvil Type Size
A live specimen line grows from small to display size the moment the control is engaged.
- Stok kodu
- range-anvil-typesize
- 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.
Rehberler
CSS referansı
Anvil Type Size 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
Rivet Corner Radius
A riveted steel plate rounds all the way from a hard square into a full circle on hover.
Canlı incele Kaydırıcılar
Tundra Blur Preview
A frosted preview plate that sharpens the moment focus lands inside the control.
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.
Canlı incele Kaydırıcılar
Copper Diamond Slider
A tilted copper lozenge glides on a thin wire and opens up when hovered.
Canlı incele Kaydırıcılar
Pylon Shadow Depth
A standing block casts a shadow that keeps stretching and pulling back over its floor.
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
Opal Bubble Slider
A pointed value bubble lifts above the rail whenever the control is touched.