Posted on
Pure CSS implementation of a switch (styled checkbox).
There is no any Javascript codes in this pen.
I just put too many box-shadows to create the 3D look of this switch.
The background of this switch supposed to blur its backdrop using backdrop-filter CSS attribute.
The animation of the switch is made simple, and fast (128ms).
The size of this checkbox may be changed by changing the font-size of its parent element.
For further actions, you may consider blocking this person and/or reporting abuse
Coherence is the first Platform-as-a-Service you can control. Unlike "black-box" platforms that are opinionated about the infra you can deploy, Coherence is powered by CNC, the open-source IaC framework, which offers limitless customization.
Alessio -
FAB Builder | Code Generation -
Ingo Steinke, web developer -
Emore Ogheneyoma Lawrence -
Top comments (0)