Анімаційні ефекти

Анімація є досить популярним та широковживаним інструментом у сучасному веб-дизайні. Вона робить зображення живим, і, відповідно, краще запам’ятовується.Як наслідок, той сайт, у дизайні якого вона була застосована, теж має більше шансів запам’ятатися користувачеві та повернути його до себе знову.Анімація буває різна. По-перше, можна анімувати іконки сайту. При цьому, вони будуть «оживати» при наведенні курсору. Це інтуїтивно підказує користувачеві, що область, на котру він навів курсор миші, є клікабельною, тобто при натисненні на цю область відбудеться якась подія.Анімувати можна зображення або світлину, що виступає основною на головній сторінці сайту – це також буде виглядати жваво і яскраво. В той же час, потрібно виділити основну інформацію та навігаційні елементи так, щоб користувач, під враженням від «привітання» не забув, за чим, власне, він прийшов на цей сайт.Слід особливу увагу приділити використанню анімації в інфографіці. Погодьтеся, що це виглядає дуже динамічно і яскраво, коли графіки або діаграми неначе оживають, і наочно та зрозуміло демонструють суху цифрову інформацію.Правильно підібрана швидкість та плавність анімації, підсвідомо викликає у користувача спокій і, як наслідок, довіру до веб-ресурсу.Єдине, про що потрібно пам’ятати, використовуючи анімацію у веб-дизайні – це те, що користувач приходить на сайт, у першу чергу, за необхідною інформацією. Тому, під час розробки макету, необхідно врахувати всі деталі так, щоб різноманіття анімаційних ефектів не збило його з вірного шляху, а лише допомогло запам’ятати цей веб-ресурс. Інакше, вона тільки нашкодить і викличе негативне ставлення користувача. До яких об'єктів можна застосовувати анімацію? (Обери усі правильні відповіді) кнопок списків меню зображень усіх названих об'єктів Що відноситься до анімованих об'єктів? Що відноситься до анімованих зображень? Що таке keyframes? Каскадні таблиці стилів Набір ключових кадрів, які задають початковий і кінцевий стани стилю анімації Стиль, який описує CSS-анімацію Назва анімованого об'єкту Властивості animation Установи відповідність між параметром та описом властивостей animation animation-delay Встановлює час очікування перед запуском циклу анімації animation-direction Встановлює напрямок руху анімації animation-duration Зазначає, скільки часу потрібно анімації на один цикл animation-name Задає ім'я @keyframes для анімації animation-play-state Зупиняє чи запускає анімацію animation-timing-function Тип прискорення анімації Що забезпечує властивість «transform»? Що забезпечує властивість «opacity»?