Aesthetic

CSS Animations for UX Design

66 CQ
10 Lessons
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!

    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.

    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.

    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!

    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.

    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!

2 Comments
500 characters max
Kev E
Thanks a lot
500 characters max
zapp y
why is there a big ass block covering the side of the video?
500 characters max