Academic Integrity: tutoring, explanations, and feedback — we don’t complete graded work or submit on a student’s behalf.

Hello. I\'m having a little trouble with animation in a CSS file: Directions: 1.

ID: 3911410 • Letter: H

Question

Hello. I'm having a little trouble with animation in a CSS file:

Directions:

1. Apply the moveRed animation to the redBall image over a 5-second interval with linear timing and infinite looping.

2. Apply the moveBlueanimation to the blueBall image over a 5-second interval also with linear timing and infinite looping.

3. Apply the hideText animation to the redSpeed1 and blueSpeed1 divelements using the same timing parameters as the previous two animations.

4. Finally, apply the showText animation to the redSpeed2 and blueSpeed2 divelements using the same timing parameters as with the other three animations.

Here's what I have so far:

/*
New Perspectives on HTML and CSS, 7th Edition
Tutorial 8
Case Problem 2

Big Apple Physics Animation Styles
Author:
Date:

Filename: ba_animate.css

*/


/* Transition Styles */

/* Animation Styles */

Wondering if you can help. Thank you!

Explanation / Answer

Solution