LoginGet started — it’s free
Made in Webflow

Animated Toggle Switch for Forms without Interactions

2922 views
site profile thumbnail

Description

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 🎉
Feeling inspired?If this Made In Webflow site sparked some inspo, why not get started on a project of your own? Clone a site, purchase a template or start building from scratch.
clonabletogglefreebieformsixfreetricktips

More by Marius Jurtz

See profile
View details
Marius Jurtz – Webflow Expert Portfolio
23
© 2022 Webflow, Inc. All rights reserved.