Development
Web Development
CSS
CSS – Как анимировать интерфейсы
4.9 (12 ratings)
Course Ratings are calculated from individual students’ ratings and a variety of other signals, like age of rating and reliability, to ensure that they reflect course quality fairly and accurately.
47 students enrolled

CSS – Как анимировать интерфейсы

Научитесь создавать необычные эффекты и анимации при помощи встроенных возможностей в CSS
4.9 (12 ratings)
Course Ratings are calculated from individual students’ ratings and a variety of other signals, like age of rating and reliability, to ensure that they reflect course quality fairly and accurately.
47 students enrolled
Created by Roman Trukhtanov
Last updated 9/2019
Russian
Preview this course
CSS – Как анимировать интерфейсы
Current price: $12.99 Original price: $19.99 Discount: 35% off
21 hours left at this price!
Buy now
30-Day Money-Back Guarantee
This course includes
  • 2.5 hours on-demand video
  • 28 downloadable resources
  • Full lifetime access
  • Access on mobile and TV
  • Certificate of Completion
Training 5 or more people?

Get your team access to 4,000+ top Udemy courses anytime, anywhere.

Try Udemy for Business
What you'll learn
  • Понимать принципы создания эффектов и анимаций при помощи встроенных возможностей в CSS
  • Научитесь работать с CSS - Анимациями, Трансформациями и Переходами
  • Создавать необычные эффекты и анимации при помощи CSS
  • Комбинировать между собой эффекты и анимации
  • Развивать креативное мышление
Course content
Expand all 29 lectures 02:23:35
+ – CSS - Переходы
6 lectures 44:47
CSS-Transitions – О главе
Preview 00:31
Свойство: transition-duration
12:11
Свойство: transition-delay
07:30
Свойство: transition-property
06:17
Свойство: transition-timing-function
09:58
Свойство: transition
08:20
+ – CSS - Трансформации
12 lectures 54:50
СSS-Transformations – О главе
Preview 00:35
Функция: translate()
Preview 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 - Анимации
10 lectures 42:06
CSS-Animations – О главе
Preview 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
Requirements
  • Необходимо обладать базовыми знаниями HTML и CSS
  • Наличие компьютера с ОС Windows / Mac OS / Linux
  • Наличие любимого редактора кода
Description

Вы когда-нибудь видели на разных сайтах красивые эффекты или анимации?

Возникал ли у Вас вопрос: "А как это сделано?"

Хотите научиться разбираться в этом и создавать подобное, чтобы привлекать внимание к своему сайту, сделать его необычным, интересным и запоминающимся?

Тогда этот курс специально для Вас.


Курс ориентирован на разработчиков, которые уже обладают базовыми знаниями HTML и CSS, при этом было бы интересно погрузиться в мир эффектов и анимаций, а также научиться их создавать при помощи CSS-Анимаций, Трансформаций и Переходов.

В этом курсе мы разберемся в том, как устроены CSS - Анимации, CSS - Трансфомации (2D и 3D транфсормации) и CSS - Переходы, они же transitions, посмотрим на работу всех свойств, относящихся к ним и закрепим все это на специально подготовленных демках.


Зачисляйтесь на этот курс, изучайте его и вдохновляйтесь новыми идеями!

Who this course is for:
  • Разработчики, которые хотят погрузиться в мир Web-эффектов и анимаций