Animation Exercise

Objective
In this class exercise, students will demonstrate

  • How to modify the use of animation effects using CSS3 properties

Create an HTML5 document for the Animated Effects.

  • Find two different animated effects on the internet using the properties discussed/demo in class yesterday.
    • transform
    • @keyframe / animation
  • It can be applied to any element.
  • The document should have the two original animated effects and the modified versions.

File name: LastName_FirstName-animation.html
Upload the file to the Google Classroom > Animation Exercise.

Upload at the end of class.
DUE: Thursday, March 30, 2017

This is an in-class exercise.
Complete in class and submit before you leave.
I will not be accepting it after the class has ended.

Advertisements