Мова викладання в курсі — російська. Незабаром буде доступна українська версія цього курсу.
Відеозаписи лекцій без зворотного зв'язку та участі викладача. Ви отримаєте доступ до матеріалів одразу після оплати.
Чого ви навчитеся
- Розуміти принципи створення ефектів і анімацій за допомогою вбудованих можливостей у CSS
- Научитесь работать с CSS — Анимациями, Трансформациями и Переходами
- Створювати незвичайні ефекти й анімації за допомогою CSS
- Комбінувати між собою ефекти та анімації
- Розвивати креативне мислення
Вимоги
- Необхідно володіти базовими знаннями HTML і CSS
- Наявність комп'ютера з ОС Windows / Mac OS / Linux
- Наявність улюбленого редактора коду
Опис
Ви коли-небудь бачили на різних сайтах красиві ефекти або анімації?
Возникал ли у Вас вопрос: «А как это сделано?»
Хочете навчитися розбиратися в цьому і створювати подібне, щоб привертати увагу до свого сайту, зробити його незвичайним, цікавим і незабутнім?
Тоді цей курс спеціально для Вас.
Курс орієнтований на розробників, які вже володіють базовими знаннями HTML і CSS, водночас було б цікаво зануритися у світ ефектів і анімацій, а також навчитися їх створювати за допомогою CSS-Анімацій, Трансформацій і Переходів.
В этом курсе мы разберемся в том, как устроены CSS — Анимации, CSS — Трансфомации (2D и 3D транфсормации) и CSS — Переходы, они же transitions, посмотрим на работу всех свойств, относящихся к ним и закрепим все это на специально подготовленных демках.
Зараховуйтеся на цей курс, вивчайте його і надихайтеся новими ідеями!
Для кого цей курс:
- Розробники, які хочуть зануритися у світ Web-ефектів та анімацій
Материалы курса, длительность — 02:23:35
-
Введение — 01:52
-
CSS — Переходы — 44:47
CSS-Transitions - 00:31
Свойство: transition-duration — 12:11
Свойство: transition-delay — 07:30
Свойство: transition-property — 06:17
Свойство: transition-timing-function — 09:58
Свойство: transition — 08:20
-
CSS — Трансформации — 54:50
СSS-Transformations - 00:35
Функция: translate() — 09:41
Функция: scale() — 05:45
Функция: rotate() — 03:02
Функция: skew() — 04:59
Свойство: transform-origin — 05:29
Особенности использования CSS — Трансформаций — 03:57
Перемещение в 3D пространстве — 05:46
Вращение в 3D пространстве — 05:06
Свойство: perspective — 05:38
Свойство: perspective-origin — 02:56
Свойство: backface-visibility — 01:56
-
CSS — Анимации — 42:06
CSS-Animations - 00:39
CSS-Анимации — начало использования — 08:28
Подробнее про @keyframes — 05:50
Свойство: animation-iteration-count — 03:39
Свойство: animation-delay — 03:52
Свойство: animation-direction — 05:14
Свойство: animation-fill-mode — 05:52
Свойство: animation-timing-function — 02:35
Свойство: animation-play-state — 03:37
Свойство: animation и подводим итоги — 02:20
Відгуки
Відгуків немає, поки що.