Introduction to CSS Animations

Animation and interaction are now commonplace on the modern web. Including interactive elements on your websites or in your web app projects can be the difference between an average user experience and a great one. Fortunately, getting started with web animations today has never been easier thanks to CSS and its powerful animations properties. No JavaScript or external libraries required! This hands-on two-class series will introduce you to the animations and transitions properties of CSS. Using practical exercises, you will explore the basic anatomy of these properties and how to use them to get elements on a page to move. Expect to learn a few new CSS properties and tips and tricks to take your dev skills to a new level. Topics to cover will include: Transitions and Transform properties Animations and Keyframes Animation with the Clip-Path property Accessibility guidelines for animated elements Working in 2D and in 3D