Вивчайте Завдання: Реалізація 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

Запитати АІ

Запитайте про що завгодно або спробуйте одне із запропонованих запитань, щоб почати наш чат

Completion rate improved to 2.04

Свайпніть щоб показати меню

Вкажіть правильне значення для властивості 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