- CSS Animation Weekly
- Posts
- CSS Animation Weekly #268
CSS Animation Weekly #268
This week we're creating checkboxes, learning about motion sickness, exploring editorials and more!
♥️ Donovan at CSSAnimation.rocks
Articles
![](https://media.beehiiv.com/cdn-cgi/image/fit=scale-down,format=auto,onerror=redirect,quality=80/uploads/asset/file/12af1754-0adc-4ad2-b930-c165f30d94e3/351034.jpeg)
Let's add some fun styling to check boxes
![](https://media.beehiiv.com/cdn-cgi/image/fit=scale-down,format=auto,onerror=redirect,quality=80/uploads/asset/file/0236b457-e3b0-4834-b250-62b10e6d0154/social.jpeg)
This is a bit unusual to be linking to the WSJ but hey, web animations articles on the mainstream press!
![](https://media.beehiiv.com/cdn-cgi/image/fit=scale-down,format=auto,onerror=redirect,quality=80/uploads/asset/file/5bbd5e40-4c65-40f5-ba50-2225c0ac7d47/web-design-done-well-excellent-editorial.jpg)
Editorials! Online articles that make use of animation and visual design to help convey their message. Some great examples here
![](https://media.beehiiv.com/cdn-cgi/image/fit=scale-down,format=auto,onerror=redirect,quality=80/uploads/asset/file/8cc6dae0-acd4-44d1-a9f9-1dcb044d316f/rVSie6kSTSiw8msPeBCk.png)
A useful UI technique that benefits from subtle animation to draw attention to the options menu
![](https://media.beehiiv.com/cdn-cgi/image/fit=scale-down,format=auto,onerror=redirect,quality=80/uploads/asset/file/a38537a3-2764-40d9-ba3f-f0a9f4f8e943/social_1200x630.png)
A great approach to learning, well worth sharing. Aim for quick wins and share what you learn!
Inspiration
![](https://media.beehiiv.com/cdn-cgi/image/fit=scale-down,format=auto,onerror=redirect,quality=80/uploads/asset/file/22d0d5c9-cc84-4bda-a56d-6c3fcdf8cda6/MonkeyIslandTribute-MainTitle.0eab9a09.png)
It's amazing what the browser can do with WebGL! Enjoy this tribute to a classic game
This credit card reveal is great
A simple (and wonderfully silly) scroll trigger demo
![](https://media.beehiiv.com/cdn-cgi/image/fit=scale-down,format=auto,onerror=redirect,quality=80/uploads/asset/file/17b5acdb-7b65-451b-95c0-b7f5d397ad88/WebsitesRoundup29.jpg)
Get your fix of inspirational websites thanks to the awesome Codrops