Sep 6, 2021

CSS Animation Weekly #267

By CSSAnimation.rocks • Issue #267 • View online

A big week for Three.js fans, plus some amazing math learning all about Bézier curves.

Articles

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

www.youtube.com • Share

An Interactive Guide to CSS Keyframe Animations with @keyframes

Another great guide from Josh Comeau, this time all about keyframe animations

www.joshwcomeau.com • Share

Exploring the CSS Paint API: Blob Animation

Create some cool hover effects using the CSS Paint API

css-tricks.com • Share

Surface Sampling in Three.js

Three.js is amazing. In this article, learn how to create interesting surface effects using MeshSurfaceSampler.

tympanus.net • Share

Inspiration

Stonehenge - Pure CSS

Amazing 3D work here using Pug and Scss for a pure HTML and CSS result

codepen.io • Share

Swag 2.0

A cool old-fashioned looking walk animation

codepen.io • Share

Three.js cube head with shadow

Slick little example of 3D shadows

codepen.io • Share

13.8 billion years ago

Watch the earth draw in lovely 3D polygons

codepen.io • Share

Did you enjoy this issue?

By CSSAnimation.rocks

CSS Animation Weekly is a roundup of all the latest CSS animation articles and inspiration. Subscribe now and never miss an issue.

Tweet

Share

In order to unsubscribe, click here.

If you were forwarded this newsletter and you like it, you can subscribe here.