Certificate: Responsive Web Design
Course: Applied Visual Design
Challenge: Use CSS Animation to Change the Hover State of a Button
I added some extra code here to demonstrate multiple property changes.
In this challenge, the animation-name is given the same name as an element attribute: “background-color”.
In the example, the animation-name is given the same name as an element attribute: “width”.
This is poor practice, since it is confusing to read, especially for a beginner. In a real programming environment, doing this is setting yourself or someone else up for more work later.
The curriculum should not only instruct clearly, but also set an example of good sense.
Also, since the animation might involve more than one property, naming it the same as one property does not convey the idea as well.