Animation in the DOM - Beau teaches JavaScript

Animate DOM elements using JavaScript without any frameworks. First you will learn how to create an animation by programming gradual changes in an element's style. Then learn about the Element.animate() method which is part of the new Web Animations API. 🕰️ Web animations polyfill: https://github.com/web-animations/web-animations-js 💻 Code: https://codepen.io/beaucarnes/pen/GmEVRo 🔗 More info: https://developer.mozilla.org/en-US/docs/Web/API/Element/animate https://www.w3schools.com/js/js_htmldom_animate.asp 🐦 Beau Carnes on Twitter: https://twitter.com/carnesbeau ⭐JavaScript Tutorials Playlists⭐ ▶JavaScript Basics: https://www.youtube.com/playlist?list=PLWKjhJtqVAbk2qRZtWSzCIN38JC_NdhW5 ▶Data Structures and Algorithms: https://www.youtube.com/playlist?list=PLWKjhJtqVAbkso-IbgiiP48n-O-JQA9PJ ▶Design Patterns: https://www.youtube.com/playlist?list=PLWKjhJtqVAbnZtkAI3BqcYxKnfWn_C704 ▶ES6: https://www.youtube.com/playlist?list=PLWKjhJtqVAbljtmmeS0c-CEl2LdE-eR_F ▶Clean Code: https://www.youtube.com/playlist?list=PLWKjhJtqVAbkK24EaPurzMq0-kw5U9pJh - We're busy people who learn to code, then practice by building projects for nonprofits. Learn Full-stack JavaScript, build a portfolio, and get great references with our open source community. Join our community at https://freecodecamp.com Read great tech articles at https://medium.freecodecamp.com ❤️ Support for this channel comes from our friends at Scrimba – the coding platform that's reinvented interactive learning: https://scrimba.com/freecodecamp