- CSS Animation Weekly
- Posts
- CSS Animation Weekly #267
CSS Animation Weekly #267
A big week for Three.js fans, plus some amazing math learning all about Bézier curves.
♥️ Donovan at CSSAnimation.rocks
Articles
![](https://media.beehiiv.com/cdn-cgi/image/fit=scale-down,format=auto,onerror=redirect,quality=80/uploads/asset/file/ddd6fcb7-e1b7-4ec5-b9a8-d1b20ed57bf8/maxresdefault.jpg)
This guide to Bézier curves is beautifully presented and while best suited to game developers, is a great way to better understand the curves we use in our timing functions
![](https://media.beehiiv.com/cdn-cgi/image/fit=scale-down,format=auto,onerror=redirect,quality=80/uploads/asset/file/f8914e49-7290-4cd5-a4c8-15c1c84026fc/og-keyframe-animations.png)
Another great guide from Josh Comeau, this time all about keyframe animations
![](https://media.beehiiv.com/cdn-cgi/image/fit=scale-down,format=auto,onerror=redirect,quality=80/uploads/asset/file/0e1360b1-21a9-442a-9801-ac690fd2195c/350574.jpeg)
Create some cool hover effects using the CSS Paint API
![](https://media.beehiiv.com/cdn-cgi/image/fit=scale-down,format=auto,onerror=redirect,quality=80/uploads/asset/file/47d2d6b0-e5c5-4561-a2e6-04d0127bbe46/SurfaceSampling_featured.jpg)
Three.js is amazing. In this article, learn how to create interesting surface effects using MeshSurfaceSampler.
Inspiration
Amazing 3D work here using Pug and Scss for a pure HTML and CSS result
A cool old-fashioned looking walk animation
Slick little example of 3D shadows
Watch the earth draw in lovely 3D polygons