In this video, I show you how to code toggle (on/off) switches using HTML checkbox inputs and CSS. We'll code one with Glassmorphism, one which switches to a grey off state, and one line toggle. Enjoy! 🐱
Resources:
Link to my project: https://scrimba.com/scrim/coebe4e1491ce3498ca904501
Glassmorphism generator: https://glassmorphism.com/
Codepen: https://codepen.io/tag/toggle
Freefrontend: https://freefrontend.com/css-toggle-switches/
--
const me = {
name: "Leanne 👩🏻",
passions: ["coffee☕️", "code 💻", "cats 🐱"],
unpopular_opinion: "LOVES CSS ❤️",
favorite_colors: ["hotpink", "orangered"],
channel_aim: "Show the world that CSS is fun and web development rules! 👑"
}
--
🐤 Say hi on Twitter: https://twitter.com/RybaLeanne
