CSS Animation Weekly #255

This week we delve into some maths in Canvas and Three.js - then take a break from the heavy lifting with some amazing inspirational demos!

Articles

Create interesting shapes with trigonometry, and draw them with the Canvas API

A useful guide to MVP transformations in Three.js

A handy use of animation to draw attention to the currently focused element when tabbing through a page

Nice little Discord-style loader using CSS

Subtle animations make these toggles look great

Nice hover effects on this product demo page

A simple pure-HTML and CSS set of loading bars

An interesting interaction, the faster you swipe the more likely the card is to fly away

Some lovely organic-looking paths in this Canvas demo

A pure-CSS implementation of the Apple Photos app logo