В данном видеокасте мы с вами будем рассматривать и создавать различные дизайнерские элементы пользовательского интерфейса (UI). Примерами будут служить оригинальные анимации, необычные трансформации и переходы. Любой элемент можно можно использовать для вдохновения, а так же дорабатывать или переделывать самостоятельно, т.к. весь код можно найти в GitHub репозитории. Разметка будет писаться на HTML, а все эффекты создаваться только с помощью CSS (с использованием препроцессора SASS).
- #1 Оригинальный Hover-эффект кнопки
- #2 Анимация 3D переворота карточки
- #3 Карточки со скошенным дизайном
- #4 Кнопки социальных сетей с креативным Hover-эффектом
- #5 Кнопка с неоновым светом
- #6 Минималистичная страница ошибки
- #7 Отзывчивое меню навигации
- #8 Анимированный индикатор выполнения
- #9 Анимация 3D вращения
- #10 Анимированный текст загрузки
- #11 Анимированные кнопки с градиентом
- #12 Круговая полоса прогресса
- #13 Оригинальный эффект вращения карточки
- #14 Анимированный загрузчик Pacman
- #15 Креативный одностраничный слайдер
- #16 Параллакс эффект
- #17 Glitch эффект
- #18 Вращающиеся 3D кнопки
- #19 Кнопка с анимацией волны
- #20 Интересный Hover-эффект карточки
- #21 Креативная карточка продукта
- #22 Анимированный эффект градиентной тени
- #23 Оригинальный Hover-эффект элементов меню
- #24 Анимация границы карточки товара
- #25 Скошенное меню с иконками
- #26 Пользовательский анимированный Checkbox
- #27 Стильный пользовательский Scrollbar
- #28 Креативная кнопка-переключатель
- #29 Анимированное окно поиска
- #30 Неоновый Checkbox
- #31 Стильный Hover-эффект карточки
