Canlı incele Onay Kutuları
Paw Print Toggle
A grayscale paw-print emoji fills in and pads down with a warm glow when toggled on.
#switch CSS efektleri
"switch" etiketiyle eşleşen 22 ücretsiz saf CSS efekti. Hepsi kopyala-yapıştır hazır; kullanmak için kütüphane veya derleme adımı gerekmez.
Canlı incele Tablolar
Chassis Permission Grid
A role by permission grid where every cell is a tiny three position switch drawn in pure CSS.
Canlı incele Anahtarlar
Eye Open / Closed
An eyelid slides down to close the eye when toggled off, with pupil shift.
Canlı incele Anahtarlar
Minimal Line Toggle
Ultra-minimal outline toggle where only the knob border and track line shift.
Canlı incele Anahtarlar
Canlı incele Anahtarlar
Smooth iOS Slide
Classic iOS-style toggle with a smooth knob slide and color fade.
Canlı incele Akordeonlar
Circuit Toggles Accordion
A settings panel whose groups unfold into rows that each carry a working switch.
Canlı incele Uyarılar
Drift Night Alert
A night mode suggestion with drifting stars and a real switch that slides when clicked.
Canlı incele Onay Kutuları
X Mark Toggle
A square that reveals a red X mark when toggled on — the inverse of a checkmark.
Canlı incele Anahtarlar
Airplane Mode
Signal bars disappear and an airplane swoops in when airplane mode is on.
Canlı incele Anahtarlar
Battery Charge Level
Battery fill bar collapses to a low red sliver when off, full green when on.
Canlı incele Anahtarlar
Binary 0 / 1
Terminal-style toggle highlighting the active digit in green monospace.
Canlı incele Anahtarlar
Bluetooth On / Off
Slide knob with a Bluetooth rune; a red slash cuts through it when disabled.
Canlı incele Anahtarlar
Blur Filter Toggle
Text label behind the knob blurs out of focus when the filter is enabled.
Canlı incele Anahtarlar
Canlı incele Anahtarlar
Circle Expand Fill
A circle expands from the knob to fill the entire track when toggled.
Canlı incele Anahtarlar
Follow / Unfollow Heart
A gray heart pulses red and scales up with a glow when you follow.
Canlı incele Anahtarlar
Pill Morph Toggle
Track morphs from pill to square corners and changes color when toggled.
Canlı incele Anahtarlar
True / False Boolean
Monospace T/F letters light up in red or green as the knob slides.
Canlı incele Anahtarlar
Volume Knob Bars
Knob slides across an equalizer-style track; bars gray out when muted.
Canlı incele Anahtarlar
Canlı incele Anahtarlar
Yes / No Switch
Green YES and red NO labels flank a sliding knob that changes color.