![CSS Dark Mode Toggle With Clip Path Animation | Dark / Light Mode | Light in the dark, Login page design, Web development design CSS Dark Mode Toggle With Clip Path Animation | Dark / Light Mode | Light in the dark, Login page design, Web development design](https://i.pinimg.com/originals/b8/3c/9c/b83c9cf48f9d57863a3fcdcc911c446e.jpg)
CSS Dark Mode Toggle With Clip Path Animation | Dark / Light Mode | Light in the dark, Login page design, Web development design
Benjamin De Cock on Twitter: "The title animation relies on overlapping texts gradually revealed by a clip-path. clip-path can be hardware-accelerated and is extremely versatile, making it a great option for animations.
![Clipping in CSS and SVG — The clip-path Property and <clipPath> Element – Sara Soueidan, inclusive design engineer Clipping in CSS and SVG — The clip-path Property and <clipPath> Element – Sara Soueidan, inclusive design engineer](https://d33wubrfki0l68.cloudfront.net/acc68b81e1573e2a9df1135f2847b6919a1231a2/14ee7/assets/images/the-svg-clippath.png)