CSS animation is everywhere these days. It’s cool to see a collection of CSS loading spinners, or experiment with a neat page slide effect, but how can we actually implement these techniques on our websites and apps? In CSS Animation in the Real World, you’ll learn the ins and outs of CSS animation.
This course is about using CSS animations in real-world situations. Tuts+ instructor Cory Simmons will teach you practical CSS animation tricks for buttons, navigation elements, scroll events, SVG, and how to apply them to a number of situations you’ll come across every day on the web.
You’ll start with an overview of CSS animation basics, and then move on to specific cases, like creating animated drop-down menus, animating SVGs, animating based on page scroll position, and more.
Here’s a free preview of some of the lessons from this course:
Watch this video to really grasp how CSS animation works by creating some simple CSS animations using a few different techniques. In the process you’ll make a beautiful gradient transitioned button.
In this lesson you’ll learn what SVGs are, when to use them, and how to animate them and their composite parts.
You can take the rest of this course straight away with a completely free 14 day trial of a Tuts+ subscription. Start your free 14 day trial today, to access this course and hundreds of others.