You will be create an animation using pure CSS. A completed assessment will meet the following requirements:
The scene will be 10 seconds or more in length
For @keyframes use percentage based changes rather than from and to.
Have at least 4 changes, so at the minimum 25%, 50%, 75%, and 100%.
At least 3 different properties should be changed at each percentage step throughout the animation
Include a title for the webpage using an h1 tag
Text should change over the course of 3 seconds when hovered over
Add a drop shadow to the text and set the transition rate to ‘ease-in’ using from from and to
Include browser pre-fixes for -webkit in your CSS code for animation properties
Examples include moving a character, image, ball, box, triangle (or other shapes) around the screen. In addition to position other properties such as color, border, width, etc. should be manipulated during the course of the animation