Web animations, Bringing your UIs to life

Fabio Cortés, I build stuff

Play Speed
  • 0.5x
  • 1x (Normal)
  • 1.25x
  • 1.5x
  • 2x
14 Videos (57m)
    • Introduction

      0:21
    • Transitions - Syntax

      6:41
    • Transitions - Example

      3:11
    • Transform - Rotate

      4:43
    • Transform - Translate

      1:00
    • Transform - Scale

      0:40
    • Transform - Skew

      0:41
    • Transform - Origin

      1:40
    • Animations - Syntax

      6:08
    • CSS Animatable properties

      0:18
    • Animation - Example

      13:46
    • Preparing Class project

      4:20
    • Class project

      12:08
    • Resources

      1:10

About This Class

Design is in the details.

Microinteractions are those tiny details that can make the experience between a user and a device more fun and easy, bridging the gap between them through an emotional and human connection.

This little moments can help us guiding our users through a flow in an intuitive and effective way.

In this class, you will learn how to make your users love your website using single web animations. It’s project-oriented with hands-on examples, and will help you with the most fundamental concepts of web animation.

Just need a basic understanding of HTML and CSS.

Let’s bring your UIs to life!

10

Students

--

Projects

Fabio Cortés

I build stuff

Hey! My name is Fabio Cort?s and I'm a maker from Colombia.

I love reading, running and coding.

#LifeLongLearning

See full profile