Exam 70-480 topic 4 question 41 discussion

C is the correct answer. Check "https://www.w3schools.com/cssref/css3_pr_transition-property.asp" for more information.

C & D Works. And i don't know what 'transition-property: color;' does. <style> p { border: solid; box-sizing: border-box; border-radius: 10px; } a { font-size: 20px; } a:link { color: blue; } a:visited { color: green; } a:hover { color: red; transition-property: color; // this is not so important here transition-duration: 5s; } a:active{ color: yellow; } </style> <p> <a href="https://www.google.pl/" >google</a> <a href="https://www.examtopics.com/exams/microsoft/70-480/view/38/" >32</a> <a href="https://www.amsterdam.info/transport/" >go333332ogle</a> </p>

all of the answers don't change to its original color after 5s. An animation property should be used with the keyframes media rule.

I don't know if the answer is correct, cause the problem says: "The color of the menu item must change back to its original color after five seconds." And if you gonna test the "correct answer", u'll se the 5 seconds changing to yellow color and not back to original black.... Is that right?

Seems like the Answer is D instead of C, the question said the animation are applied to all menu item. So I guess transition-property: color is not needed here, since it apply the animation to color changing only and prevent other property to apply the animation

Also, this does not work as described. Enough said. typo in a.

It would be better to make it about 800 ms. Users could see something that is there for 5 seconds and only be a little frustrated by the flashing stuff. At 800 ms one gets the maximum frustration.