CSS Animations Portal

By Esperanza Perez

• Mario Exercise

  In this exercise I practie animating with moving from one side to the screen to the next as well as a jump in the middle.

• Pop-up Exercise

  In this exercise I practie animating a pop-up that moves to the screen and after a delay hangs from a corner.

• Basket Exercise

  In this exercise I practie animating something after an action is done by the user, using opacity and movement.

• Rotate Exercise

  In this exercise I practie animating with rotation, hover effects and some CSS trics that go along with it.

• My Own Exercise

  In this exercise I made use of most of the animations I learned to make an linear animation that tells a quick interactive story. It includes movement, jumping, rotation, opacity trics, etc.