Canlı incele Anahtarlar
Yes / No Switch
Green YES and red NO labels flank a sliding knob that changes color.
- Stok kodu
- toggle-camera
- 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üzeltKatkıda bulunanlar
LibraryCSSEfekti eklediKurucu
Kullanı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ı
Camera Shutter 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.
Anahtarlar kategorisindeki tüm efektler gibi bu efekt de tamamen ücretsizdir; ticari projelerde de kullanabilirsin. Kütüphanenin tamamı için Anahtarlar koleksiyonuna göz at.
Benzer anahtar efektleri
TümüCanlı incele Anahtarlar
Volume Knob Bars
Knob slides across an equalizer-style track; bars gray out when muted.
Canlı incele Anahtarlar
Eye Open / Closed
An eyelid slides down to close the eye when toggled off, with pupil shift.
Canlı incele Anahtarlar
Quantum Spin
Particle-like knob spins on its axis while transitioning states.
Canlı incele Anahtarlar
Invert Colors
Black/white track halves swap and the yin-yang knob flips to match.
Canlı incele Anahtarlar
Vintage Lever Pull
Retro industrial lever that pulls down to engage with a metallic finish.
Canlı incele Anahtarlar
Pill Morph Toggle
Track morphs from pill to square corners and changes color when toggled.
Canlı incele Anahtarlar
Gradient Track Fill
Track fills with a sweeping gradient that follows the knob as it slides.