Amit Sheen

The CSS corner-shape property (very new! only in Chrome Canary!) is useful in basic use cases, for advanced shape making, and the superellipse() function is *extra* powerful.

We can pass the mouse position from JavaScript to CSS and use it to make unusual and playful effects.

“…nobody thinks they’re writing bad code while they’re doing it. That’s the trap.”

These buttons animate from a square to an arrow, and we look at three different ways to do it, each with their own upsides.

Setting text on a circle in CSS isn’t straightforward, but it is possible with some effort. This technique splits text into segments and uses transforms and perspective to pull it off.