Animate without flash or jQuery! Learn what CSS animations and transitions are in this first lesson of Bitesize Business’ CSS animations and transitions course.

Good web designers don’t use CSS animations and transitions just because. Discover the purpose of these web design elements and when to use them.

CSS animations are easier to create than you may think, at least with the help of Bitesize Business School. Create your first animation in this lesson!

Vendor prefixes are an essential part of coding functional CSS animations. Learn about vendor prefixes—what they are, how to use them, and why to use them.

Practice coding a variety of CSS animations with different timing functions, and learn how to share keyframes and adjust syntax for use with other elements.

Learn how to apply CSS transitions to create effects on CSS elements. Transitions are easier to code than animations, but more sophisticated than hover states!

Bring a new level of complexity to CSS transitions by learning how to combine multiple properties in a single transition! Then apply vendor prefixes.

Master some essentials of CSS animations with this lesson on keyframes and color transitions. Code functional animations and learn how to use vendor prefixes.

Now that you’ve tried your hand at 2D transitions, move on to the fundamentals of 3D CSS transforms. Follow along to code your first 3D transitions!

Learn a few more fun user-triggered transition types to enhance interactivity on web pages. Create hover transitions using different state changes.