Web animation gotchas - HTTP 203

Опубликовано 10 ноября 2020, 17:23

Fading something in, and fading something out – sounds simple right? Unfortunately not! Jake & Surma talk through the various gotchas of animating the web, and how to work around them.

Using CSS transitions → goo.gle/2TXTUCB
Using CSS animations → goo.gle/3et8gEq
The web animation API → goo.gle/3mXbV0C
getAnimations → goo.gle/3oXMLk4
commitStyles → goo.gle/38d6PsN
Event listeners and garbage collection → goo.gle/32c4TNd
Spec discussions → goo.gle/3k1zbIE
The final animateTo function → goo.gle/363WVHn

JavaScript animation libraries:
jQuery → goo.gle/34XEowU
Greensock → greensock.com
AnimeJS → animejs.com
The old library Jake made (don't use it) → goo.gle/34ZFGaU

Other videos in the series → goo.gle/2wneQLl

Subscribe to Google Chrome Developers here → goo.gle/ChromeDevs

Also, if you enjoyed this, you might like the HTTP203 podcast! → goo.gle/2y0I5Uo