CSS Animations for UX Design

Bitesize Business School

66 CQ

10 Lessons

Course Info

Previous...

Playing

6 CQ

6. Intro to 2D CSS Transitions
A lesson with Bitesize Business School

View lesson

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!

Intro to 2D CSS Transitions

with Bitesize Business School

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!
Playing

7 CQ

7. Transitions with Multiple Properties
A lesson with Bitesize Business School

View lesson

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

Transitions with Multiple Properties

with Bitesize Business School

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

7 CQ

8. Keyframes & Color in CSS Animations
A lesson with Bitesize Business School

View lesson

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

Keyframes & Color in CSS Animations

with Bitesize Business School

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

6 CQ

9. Intro to 3D CSS Transitions
A lesson with Bitesize Business School

View lesson

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!

Intro to 3D CSS Transitions

with Bitesize Business School

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!
Playing

7 CQ

10. CSS Hover Transitions
A lesson with Bitesize Business School

View lesson

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

CSS Hover Transitions

with Bitesize Business School

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

More...

Recommended Recommended
History & In Progress History
Browse Library
Most Popular Library

Get Personalized Recommendations

Let us help you figure out what to learn! By taking a short interview you’ll be able to specify your learning interests and goals, so we can recommend the perfect courses and lessons to try next.

Start Interview

You don't have any lessons in your history.
Just find something that looks interesting and start learning!