This content originally appeared on CSS-Tricks and was authored by Chris Coyier
I appreciate the clarity of this trick that Mikael Ainalem posted over on Reddit:
It’s a one-liner that toggles the class on the <body>
so you can mock up different states and toggle between them on click.
<body onclick="this.classList.toggle("active");">
Could be on any element as well!
This can be a big thing. See “The Power of Changing Classes” as a case in point. Even if you aren’t much of a JavaScript person, classList
is perhaps the one API you should know.
The post Body Toggle appeared first on CSS-Tricks. You can support CSS-Tricks by being an MVP Supporter.
This content originally appeared on CSS-Tricks and was authored by Chris Coyier
Chris Coyier | Sciencx (2021-07-06T20:55:45+00:00) Body Toggle. Retrieved from https://www.scien.cx/2021/07/06/body-toggle/
Please log in to upload a file.
There are no updates yet.
Click the Upload button above to add an update.