Course Content
Advanced CSS Techniques
Advanced CSS Techniques
Challenge: Adding Animation
Task
Enhance the visual appeal of the authorization form by adding an animation to the "Log in" button. Follow these steps:
- Specify the correct value for the
animation-name
property, using the preset state changes defined in the@keyframes
rule with the namecolorChange
. - Set the time function to
linear
to ensure a consistent speed throughout the animation. - Define a duration for the animation to last
6000ms
. - Configure the animation to repeat
infinite
times for a continuous effect.
index
index
index
- Assign the name of the
@keyframes
rule as the value for theanimation-name
property. - Specify
linear
as the value for theanimation-timing-function
property to ensure a consistent speed. - Set the
animation-duration
property to6000ms
to determine the duration of the animation. - Use
infinite
as the value for theanimation-iteration-count
property to repeat the animation indefinitely.
index
index
index
Thanks for your feedback!