About this Webinar
CSS animations make it possible to animate transitions from one CSS style configuration to another. Animations consist of two components, a style describing the CSS animation and a set of keyframes that indicate the start and end states of the animation’s style, as well as possible intermediate waypoints.
What You Should Know Before Attending this Session
– Basic HTML and CSS
Learning Outcomes
Animate a web page without the use of JavaScript or Flash
Learn numerous properties to control an animations speed, direction and duration amongst other properties
Implement simple and advanced CSS animations
Build multi-stage animations using the @keyframes property
Your Instructor – Kyle McDonald
Kyle McDonald is, to put it plainly, a naturally curious individual. Never content with sticking to the basics, Kyle seeks out variety, techniques, and unique nuances that have helped him to attain high levels of understanding and mastery in several disciplines including woodworking, painting, music, and now web development! With this class, Kyle hopes to impart some of the wisdom he has been able to glean through his time at Clark College and the countless hours he has spent scouring the internet in order to learn the art of CSS animations!
Get the Code
Here is the GitHub repository with the code that Kyle used in the presentation: https://github.com/kyjm2010/css_animations
source