Question

Question: $\frac{1}{4} + \frac{1}{2} = \frac{3}{4}$ Make the following modifications to the embedded stylesheet: * Add a keyframe called `moveFraction` that does the following: * At 0% sets the font color to yellow and uses `transform` property to translate to position (-355px, 60px) so the fraction starts off the screen's left side. * At 50% translates to (0px, 60px) so the fraction moves just below and to the right of the question. * At 100% sets font color to red and translates to (0px, 0px) so the fraction finishes next to the = sign. * In the `#answer` rule start the `moveFraction` animation 1 second after the CSS loads, and make the animation duration 2 seconds. * In the `#answer` rule use `animation-fill-mode: forwards` to keep the fraction from resetting back to the original location after the animation completes. * Add a `transition` property to the `#question` rule to perform a `transform` over 0.6 seconds with the `ease-in-out` timing function. * Add a `transform` property to the `#question:hover` rule to scale by 0.9. Verify that when the page loads, the 3/4 fraction moves from off the screen to the right, just under the question, then up next to the question. When the mouse hovers over the question, the text should shrink some until the mouse is moved off the text.

Name: question frac14 frac12 frac34 make the following modifications to the embedded stylesheet add a keyframe called movefraction that does the following at 0 sets the font color to yellow and us 71372
Uploaded: 2023-09-09T05:27:12-08:00
Duration: 2 min 12 s
Channel: Akash M
Description: question frac14 frac12 frac34 make the following modifications to the embedded stylesheet add a keyframe called movefraction that does the following at 0 sets the font color to yellow and us 71372

          Question: $\frac{1}{4} + \frac{1}{2} = \frac{3}{4}$

Make the following modifications to the embedded stylesheet:

*   Add a keyframe called `moveFraction` that does the following:

    *   At 0% sets the font color to yellow and uses `transform` property to translate to position (-355px, 60px) so the fraction starts off the screen's left side.
    *   At 50% translates to (0px, 60px) so the fraction moves just below and to the right of the question.
    *   At 100% sets font color to red and translates to (0px, 0px) so the fraction finishes next to the = sign.
*   In the `#answer` rule start the `moveFraction` animation 1 second after the CSS loads, and make the animation duration 2 seconds.
*   In the `#answer` rule use `animation-fill-mode: forwards` to keep the fraction from resetting back to the original location after the animation completes.
*   Add a `transition` property to the `#question` rule to perform a `transform` over 0.6 seconds with the `ease-in-out` timing function.
*   Add a `transform` property to the `#question:hover` rule to scale by 0.9.

Verify that when the page loads, the 3/4 fraction moves from off the screen to the right, just under the question, then up next to the question. When the mouse hovers over the question, the text should shrink some until the mouse is moved off the text.

$question frac14 frac12 frac34 make the following modifications to the embedded stylesheet add a keyframe called movefraction that does the following at 0 sets the font color to yellow and us 71372$

Added by Alejandro H.

Question

Please give Ace some feedback