Clone Project

CSS only dark mode toggle with the :has() selector

Created by
WebBae
Similar Projects
Oops! Something went wrong while submitting the form.

0 Comments

Be the first to leave a comment.
Loading
User is typing...
No Name
Set
4 years ago
Moderator
This is the actual comment. It's can be long or short. And must contain only text information.
(Edited)
No Name
Set
2 years ago
Moderator
This is the actual comment. It's can be long or short. And must contain only text information.
(Edited)
Load More
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.
Load More
Description:  
Description from Webflow:  
The CSS :has() selector can be used to toggle dark mode, light mode, and themes with zero Javascript, just HTML and CSS. :has() finally arrived in all major browsers, having dropped in Firefox December 2023.
Tags from Webflow: 
css,  darkmode,  darktheme,  toggle,  darkmodetoggle,  customcode,  lightdarkmodetoggle,  lightmodetoggle,  togglebutton,  toggleswitch,  checkbox
.