Animated Toggle Switch for Forms without Interactions
![site profile thumbnail](https://uploads-ssl.webflow.com/5ef202e4bf2bfd228add0987/5ef20c680845855845619162_toggle-switch.gif)
This is a nice little clonable for form toggle switches without the use of webflow interactions.
---
1. Place a checkbox in your form (use custom checkbox option)
2. Style your checkbox like a toggle box
3. Place the dot as a svg image
4. Style checked state: move the dot to the right / change background color
5. On normal state: add transition to background-position and background-color property
---
Done π