Завдання: Реалізація CSS-Анімації
Завдання
Покращте візуальну привабливість форми авторизації, додавши анімацію до кнопки "Log in". Виконайте наступні кроки:
- Вкажіть правильне значення для властивості
animation-name
, використовуючи попередньо визначені зміни стану у правилі@keyframes
з назвоюcolorChange
. - Встановіть функцію часу на
linear
, щоб забезпечити рівномірну швидкість анімації. - Задайте тривалість анімації
6000ms
. - Налаштуйте анімацію на безперервне повторення, встановивши значення
infinite
.
index.html
index.css
- Вкажіть ім'я правила
@keyframes
як значення для властивостіanimation-name
. - Задайте
linear
як значення для властивостіanimation-timing-function
, щоб забезпечити постійну швидкість. - Встановіть властивість
animation-duration
на6000ms
, щоб визначити тривалість анімації. - Використайте
infinite
як значення для властивостіanimation-iteration-count
, щоб анімація повторювалася нескінченно.
index.html
index.css
Все було зрозуміло?
Дякуємо за ваш відгук!
Секція 4. Розділ 6
Запитати АІ
Запитати АІ
Запитайте про що завгодно або спробуйте одне із запропонованих запитань, щоб почати наш чат
Awesome!
Completion rate improved to 2.04
Завдання: Реалізація CSS-Анімації
Свайпніть щоб показати меню
Завдання
Покращте візуальну привабливість форми авторизації, додавши анімацію до кнопки "Log in". Виконайте наступні кроки:
- Вкажіть правильне значення для властивості
animation-name
, використовуючи попередньо визначені зміни стану у правилі@keyframes
з назвоюcolorChange
. - Встановіть функцію часу на
linear
, щоб забезпечити рівномірну швидкість анімації. - Задайте тривалість анімації
6000ms
. - Налаштуйте анімацію на безперервне повторення, встановивши значення
infinite
.
index.html
index.css
- Вкажіть ім'я правила
@keyframes
як значення для властивостіanimation-name
. - Задайте
linear
як значення для властивостіanimation-timing-function
, щоб забезпечити постійну швидкість. - Встановіть властивість
animation-duration
на6000ms
, щоб визначити тривалість анімації. - Використайте
infinite
як значення для властивостіanimation-iteration-count
, щоб анімація повторювалася нескінченно.
index.html
index.css
Все було зрозуміло?
Дякуємо за ваш відгук!
Секція 4. Розділ 6