Animated Toggle Switch for Forms without Interactions

site profile thumbnail


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 🎉

More by Marius Jurtz

See profile