Главная страницаКатегория cssОбновите Свою CSS Библиотеку - Картки, Кнопки, Анимации и т. д.

Обновите Свою CSS Библиотеку - Картки, Кнопки, Анимации и т. д.

Name: Обновите Свою CSS Библиотеку - Картки, Кнопки, Анимации и т. д.
Price: 12.5 USD
Rating: 4.5 (10 reviews)

Upgrade Your Css UI Library - Cards, Buttons, Animations etc

udemy

★4.5 (всего оценок - 10)

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

3 ч 21 мин

Категория

CSS

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

35 Видео

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

19 февр. 2022 г., 20:06

Язык

Английский

Дата выхода

21 авг. 2019 г., 03:00

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

29 апр. 2026 г., 14:02

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

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

Курс структурирован так, чтобы вы могли шаг за шагом осваивать новые компоненты, дополняя свою библиотеку UI‑элементов и развивая уверенность в работе с CSS.

Основы и современные техники CSS

Адаптивная верстка с использованием Flexbox и Grid
Работа с переменными и кастомными свойствами
Создание анимаций с помощью transition и keyframes
Создание эффектов наведения, состояний и интерактивности

Создание UI‑компонентов шаг за шагом

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

Основные категории компонентов

Карточки: продуктовые, информационные, интерактивные
Кнопки: классические, анимированные, с эффектами нажатия
Элементы загрузки: спиннеры, прогресс-бары, индикаторы
Галереи изображений с адаптивным поведением
Формы с современным дизайном и фокус-эффектами
Навигационные панели и меню разных типов
Мини‑анимации для оживления интерфейса

Использование JavaScript — только по необходимости

Несколько UI‑элементов требуют минимальной интерактивности, поэтому мы используем лишь 3–4 простые строки JavaScript. Всё максимально понятно и подходит даже новичкам.

Вы получите также:

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

Почему этот курс вам подойдет

Материал ориентирован на практику, поэтому вы не просто узнаете, как работает CSS, а научитесь применять его в реальных интерфейсах. Такой набор компонентов идеально подходит для пополнения портфолио и углубления навыков верстки.

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

Урок 1. 00:01:57
Introduction Video - Important!
Урок 2. 00:02:26
How to use Font-Awesome
Урок 3. 00:04:07
Auto Typing Text Animation
Урок 4. 00:05:29
Typing Text Animation - Version 2
Урок 5. 00:04:17
Floating Text Animation - Amazing for Your Header!
Урок 6. 00:02:53
Shining Text Animation
Урок 7. 00:06:05
Floating Rings Loader Animation
Урок 8. 00:06:43
Loading Boxes Animation
Урок 9. 00:04:34
Loader Ripple Animation
Урок 10. 00:04:09
Loading Fill Animation
Урок 11. 00:03:54
Loader Ring Animation
Урок 12. 00:04:31
Loader Animation With 15 Circles
Урок 13. 00:11:19
Loading Snake Animation
Урок 14. 00:03:52
Portfolio For Your Landing page Collection
Урок 15. 00:05:08
Fliping Gallery Box Animation
Урок 16. 00:07:17
Image and Text Reveal Animation
Урок 17. 00:09:30
Special Tilting Menu
Урок 18. 00:03:32
Rain Animation
Урок 19. 00:07:09
Cards Linear Gradient Hover Effect
Урок 20. 00:08:24
Quote Card With Linear Gradient Animation
Урок 21. 00:07:04
London Cards With Hover Effect
Урок 22. 00:07:14
Card with Clip Path Hover Effect
Урок 23. 00:06:29
Social Buttons Pink Background Hover Effect
Урок 24. 00:09:04
Button With Snake Border Animation
Урок 25. 00:08:09
Button With Border Snake Animation - Version 2
Урок 26. 00:06:15
Social Buttons Flipping Box
Урок 27. 00:07:21
Social Glowing Gradient Buttons
Урок 28. 00:07:04
Activate Button
Урок 29. 00:03:32
Switch Button With Cool Transform Animation
Урок 30. 00:06:57
Power On Button
Урок 31. 00:05:57
Switch Button With Background Change Animation
Урок 32. 00:03:10
Button With Underline Over Effect
Урок 33. 00:04:30
Button With Linear Gradient Effect
Урок 34. 00:05:54
Button Hover Cubic Bezier
Урок 35. 00:05:19
Button With Before and After Transition Animation

Автор - udemy

udemy

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

+198

Комментарии