Aesthetic
start interview

CSS Animations for UX Design

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!

    Comments
    500 characters max