This was a lecture I did for a classroom of Codesmith students. I go in depth about the CSS transition property and live code 3 examples that show how we can use the transform property to improve our animations.
The examples in the video can be found at the links below.
Snake move animation (20:34):
https://codepen.io/MarioD/pen/fc567ed2f40825d55a7e9e37d2be8193
Snake mouth animation (29:58) (Click on snake to toggle animation):
https://codepen.io/MarioD/pen/753cceb811c1752c862b3a7468940b2a
Mouse portal animation (1:33:36) (Click to show/hide):
https://codepen.io/MarioD/pen/b3a0152978a36a7f3088c3752999b408