Aesthetic

CSS Animations for UX Design

66 CQ
10 Lessons
Previous...
  • Playing
    Free
    5 CQ
    1. What Are CSS Transitions & Animations?
    A lesson with Bitesize Business School
    View lesson

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

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

  • Playing
    7 CQ
    2. Using CSS Transitions & Animations
    A lesson with Bitesize Business School
    View lesson

    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.

    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.

  • Playing
    8 CQ
    3. How to Build a Basic CSS Animation
    A lesson with Bitesize Business School
    View lesson

    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!

    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!

  • Playing
    7 CQ
    4. Vendor Prefixes for CSS Animations
    A lesson with Bitesize Business School
    View 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.

    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.

  • Playing
    6 CQ
    5. Types of CSS Animations
    A lesson with Bitesize Business School
    View lesson

    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.

    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.

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!

1 Comments
500 characters max
jenny w
Please enlarge your text code ...trying to code it at the same time while watching
500 characters max