Canlı incele Checkboxes
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 19 ücretsiz saf CSS efekti. Hepsi kopyala-yapıştır hazır; kullanmak için kütüphane veya derleme adımı gerekmez.
Canlı incele Checkboxes
X Mark Toggle
A square that reveals a red X mark when toggled on — the inverse of a checkmark.
Canlı incele Toggles
Airplane Mode
Signal bars disappear and an airplane swoops in when airplane mode is on.
Canlı incele Toggles
Battery Charge Level
Battery fill bar collapses to a low red sliver when off, full green when on.
Canlı incele Toggles
Binary 0 / 1
Terminal-style toggle highlighting the active digit in green monospace.
Canlı incele Toggles
Bluetooth On / Off
Slide knob with a Bluetooth rune; a red slash cuts through it when disabled.
Canlı incele Toggles
Blur Filter Toggle
Text label behind the knob blurs out of focus when the filter is enabled.
Canlı incele Toggles
Canlı incele Toggles
Circle Expand Fill
A circle expands from the knob to fill the entire track when toggled.
Canlı incele Toggles
Eye Open / Closed
An eyelid slides down to close the eye when toggled off, with pupil shift.
Canlı incele Toggles
Follow / Unfollow Heart
A gray heart pulses red and scales up with a glow when you follow.
Canlı incele Toggles
Minimal Line Toggle
Ultra-minimal outline toggle where only the knob border and track line shift.
Canlı incele Toggles
Pill Morph Toggle
Track morphs from pill to square corners and changes color when toggled.
Canlı incele Toggles
Canlı incele Toggles
Smooth iOS Slide
Classic iOS-style toggle with a smooth knob slide and color fade.
Canlı incele Toggles
True / False Boolean
Monospace T/F letters light up in red or green as the knob slides.
Canlı incele Toggles
Volume Knob Bars
Knob slides across an equalizer-style track; bars gray out when muted.
Canlı incele Toggles
Canlı incele Toggles
Yes / No Switch
Green YES and red NO labels flank a sliding knob that changes color.