Главная страницаКатегория cssCSS Анимации: Полное руководство

CSS Анимации: Полное руководство

Name: CSS Анимации: Полное руководство
Price: 12.5 USD
Rating: 4.3 (15 reviews)

CSS Animations: The Complete Guide

udemy

★4.3 (всего оценок - 15)

Продолжительность

7 ч 9 мин

Категория

CSS

Количество уроков

49 Видео

Дата добавления

7 окт. 2020 г., 23:15

Язык

Английский

Дата выхода

21 авг. 2020 г., 00:00

Дата обновления

29 апр. 2026 г., 08:40

Хотите оживить свои веб‑проекты?В этом курсе вы шаг за шагом освоите CSS‑анимации, научитесь создавать плавные переходы, динамичные эффекты и впечатляющие keyframe‑анимации, которые улучшат любой интерфейс — от лендингов до сложных веб‑приложений.

Что вы изучите в этом курсе

Курс построен для разработчиков любого уровня: от новичков до более опытных фронтендеров. Вам достаточно базовых знаний HTML и CSS, чтобы уверенно следовать всему материалу.

Основы CSS-анимации

Здесь вы начнете с нуля и поймете фундамент, без которого невозможно создавать качественные анимации:

transition: как управлять плавностью изменений;
transform: работа с поворотами, масштабированием и смещениями;
animation и keyframes: создание сложных последовательных эффектов.

Практические примеры и реальные кейсы

Каждый модуль включает конкретные практические задачи, чтобы вы не просто запомнили синтаксис, а научились применять его в реальных проектах.

Анимация изображений и hover‑эффекты;
Динамичные текстовые заголовки;
Интерактивные кнопки и иконки;
Анимация SVG‑графики;
Сложные композиционные эффекты с использованием нескольких keyframes.

Как устроено обучение

Каждый урок содержит стартовые файлы с базовой HTML/CSS‑структурой. Все анимации вы будете писать самостоятельно, постепенно усложняя свой код и укрепляя навыки.

Методика обучения

Материал подается простым языком, без перегруженной терминологии. Благодаря этому даже начинающие разработчики смогут легко разбираться в каждом шаге и создавать профессиональные анимации.

Практическая ориентация

Вы создадите десятки анимаций, которые сможете использовать в реальных проектах — от простых эффектов до продвинутых интерактивных элементов интерфейса.

Почему этот курс стоит пройти

Вы овладеете современными техниками CSS‑анимаций.
Сможете сделать свои сайты визуально привлекательнее и интерактивнее.
Получите навыки, которые ценятся в веб‑разработке и UI/UX‑дизайне.
Соберёте портфолио из готовых анимационных эффектов.

Этот курс — ваш путь к созданию ярких, современных и живых интерфейсов. Начните анимировать свои проекты профессионально!

Это пробный урок. Оформите подписку, чтобы получить доступ ко всем материалам курса. Премиум

Урок 1. 00:01:29
What will you learn?
Урок 2. 00:01:48
What do you need to get the most from this course?
Урок 3. 00:04:40
A brief history of web animation
Урок 4. 00:01:15
Summary
Урок 5. 00:01:42
Introduction
Урок 6. 00:13:55
Transitions
Урок 7. 00:08:47
Easing / Timing functions
Урок 8. 00:08:54
Keyframes
Урок 9. 00:08:33
3D animation
Урок 10. 00:04:51
Accessibility
Урок 11. 00:03:09
Summary
Урок 12. 00:01:20
Introduction
Урок 13. 00:08:31
Menu Navigation Links
Урок 14. 00:27:51
Buttons
Урок 15. 00:09:58
Glowing Neon Buttons
Урок 16. 00:08:41
Video Play Button
Урок 17. 00:09:42
3D Button
Урок 18. 00:09:35
Image Card Hover
Урок 19. 00:05:44
Gradient Background
Урок 20. 00:15:20
Scroll Down Indicators
Урок 21. 00:10:50
3D Card Rotate
Урок 22. 00:17:05
Form Text Inputs
Урок 23. 00:08:29
Search Bar
Урок 24. 00:17:35
Loading Animations
Урок 25. 00:08:23
Liquid Loading Effect
Урок 26. 00:14:21
Clip Path - Information Cards
Урок 27. 00:09:52
Clip Path - Text
Урок 28. 00:11:10
Parallax
Урок 29. 00:01:25
Summary
Урок 30. 00:01:28
Introduction
Урок 31. 00:22:41
Overlay
Урок 32. 00:19:54
Hamburgers
Урок 33. 00:16:10
Side Navigation Menu
Урок 34. 00:13:00
Fade-in on Scroll
Урок 35. 00:16:25
Mouse Move - Button Border
Урок 36. 00:00:43
Summary
Урок 37. 00:01:10
Introduction
Урок 38. 00:19:14
SVG Icons
Урок 39. 00:13:06
SVG Text
Урок 40. 00:10:01
SVG Images
Урок 41. 00:00:59
Summary
Урок 42. 00:00:47
Introduction
Урок 43. 00:08:51
Hover.css
Урок 44. 00:04:41
Animate.css
Урок 45. 00:11:20
Animate On Scroll
Урок 46. 00:06:00
JavaScript Animation Plugins and Libraries
Урок 47. 00:01:16
Summary
Урок 48. 00:05:05
The Future of CSS Animations
Урок 49. 00:01:20
Congratulations!

Автор - udemy

udemy

Udemy - одна из самых больших площадок в мире по доставке обучающего контента от разных авторов всего мира. Присутсвуют курсы практически на любую тему.

+198

Комментарии