Challenge: Implement CSS 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-nameproperty, using the preset state changes defined in the@keyframesrule with the namecolorChange. - Set the time function to
linearto ensure a consistent speed throughout the animation. - Define a duration for the animation to last
6000ms. - Configure the animation to repeat
infinitetimes for a continuous effect.
index.html
index.css
- Assign the name of the
@keyframesrule as the value for theanimation-nameproperty. - Specify
linearas the value for theanimation-timing-functionproperty to ensure a consistent speed. - Set the
animation-durationproperty to6000msto determine the duration of the animation. - Use
infiniteas the value for theanimation-iteration-countproperty to repeat the animation indefinitely.
index.html
index.css
すべて明確でしたか?
フィードバックありがとうございます!
セクション 4. 章 6
AIに質問する
AIに質問する
何でも質問するか、提案された質問の1つを試してチャットを始めてください
セクション 4. 章 6