css Audio - Active file-generic CSS - Active Generic - Active HTML - Active JS - Active SVG - Active Text - Active file-generic Video - Active header Love html icon-new-collection icon-person icon-team numbered-list123 pop-out spinner split-screen star tv
CodePen probably won't work great in this browser. We generally only support the major desktop browsers like Chrome, Firefox, Safari, and Edge. Use this one at your own risk! If you're looking to test things, try looking at Pens/Projects in Debug View.
user profile image

This is an integration of the dribbble shot "On/Off Switch - Daily UI - #015" by Catalin Vasile



  1. This is a great one, but please don't use the old gradient syntax, the direction isn't top anymore, it's to bottom. Or you could just not add it at all in this case and write just the stops as to bottom is the default. Also, you can check the Autoprefixer option in the CSS settings (you get there by clicking the cog in the CSS panel header) and then you don't need to add the prefixed version for any property, they just get added automatically.

  2. @thebabydino Hey Ana! Thank for your feedback, I fixed it! I didn't know for the gradient syntax, thank you again 🙌

Leave a Comment Markdown supported. Click @usernames to add to comment.

You must be logged in to comment.