[Video](https://www.youtube.com/watch?v=9-6CKCz58A8)

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 → <https://goo.gle/2TXTUCB>
- Using CSS animations → <https://goo.gle/3et8gEq>
- The web animation API → <https://goo.gle/3mXbV0C>
- getAnimations → <https://goo.gle/3oXMLk4>
- commitStyles → <https://goo.gle/38d6PsN>
- Event listeners and garbage collection → <https://goo.gle/32c4TNd>
- Spec discussions → <https://goo.gle/3k1zbIE>
- The final animateTo function → <https://goo.gle/363WVHn>

JavaScript animation libraries:

- jQuery → <https://goo.gle/34XEowU>
- Greensock → <https://greensock.com/>
- AnimeJS → <https://animejs.com/>
- The old library Jake made (don't use it) → <https://goo.gle/34ZFGaU>

Other videos in the series → <https://goo.gle/2wneQLl>

Subscribe to Google Chrome Developers here → <https://goo.gle/ChromeDevs>

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

[Back to all episodes](https://web.dev/shows/)