В ролике мы - Валера Ткаченко и Тёмыч Панасюк - раскрываем тему использования CSS для создания анимаций, которые могут заменить тяжелые 3D библиотеки.
Обсуждаем возможности GreenSock (GSAP) - мощного инструмента для создания сложных анимаций с помощью JavaScript, но затем переходит к демонстрации, как с помощью чистого CSS можно достигать аналогичных результатов без необходимости загружать тяжелые библиотеки.
Рассматриваются примеры простых анимаций, выполненные с использованием только CSS. Автор подробно описывает процесс настройки рабочего окружения для разработки CSS анимаций, выбор инструментов и подходы к стилизации элементов, демонстрируя, что для создания впечатляющих анимаций на веб-сайтах не всегда требуются сложные библиотеки.
00:00 Вступление
02:05 Настраиваем окружение
02:24 Разметка
03:06 Оформление
05:50 Оформление для активной фазы
07:55 Скрипт для активации
09:35 Добавляем меню
11:22 Стилизация меню
21:17 Делаем красивую анимацию
27:26 Делаем 3d-анимацию
29:07 Фиксим внешний вид
ютуб:
дзен:
Теги для поиска:
css эффекты, 3d css, css анимация, css для начинающих, css hover эффекты, css трансформации, анимация без js, легкая css анимация, учим css, создание анимаций css, css трюки, css советы, css техники, css визуальные эффекты, css гайд, интерактивный css, css уроки, css базовые концепции, продвинутый css, css best practices, javascript для начинающих, es6, асинхронный javascript, , vue js, js анимация, js события, dom манипуляции, webpack, typescript, фронтенд разработка, vue компоненты, современный javascript, es6 модули, введение, react состояние состояние, vue директивы
6 views
8635
3176
9 seconds ago 00:19:10 1
Как жить без болезней и проблем, оставаясь жизнерадостным и уравновешенным
2 minutes ago 00:00:39 1
Особенные дети создают
9 minutes ago 00:10:59 1
Как настроить Yandex Object Storage (S3) и NodeJS. [easy-yandex-s3]
11 minutes ago 01:15:39 1
ЛУСИНЕ ХАЧАТРЯН: Почему у хороших людей рождаются ОСОБЕННЫЕ ДЕТИ?
11 minutes ago 00:11:18 1
Ферментация листьев одуванчика и их полезные свойства - Dandelion leaf fermentation and benefits
57 minutes ago 00:50:51 1
ВСЯ СУЩНОСТЬ РУССКИХ «О русском крестьянстве» - Максим Горький
1 hour ago 00:05:01 1
ОСТОРОЖНО! Как СОЛЬ и САХАР могут вас УБИТЬ?
1 hour ago 00:13:21 1
Новый Маркетинг компании Глобал Тренд (июнь 2024)
1 hour ago 00:02:26 1
Липовый цвет. Как и когда собирать? Свойства и использование.
2 hours ago 00:09:02 1
Аппарат ИВЛ Mindray SV600. Обзор характеристик и устройства ИВЛ
2 hours ago 00:05:13 1
163. Тридцать Четвёртый Урок сквозного проницания Качества. (Уроки Гйотта 272-274).
2 hours ago 00:05:10 1
Невероятно полезные свойства йода 👀 Детокс с помощью йода!
2 hours ago 00:08:13 1
ТОП 12 удивительных СВОЙСТВ цинковой мази для ЗДОРОВЬЯ и КРАСОТЫ.
2 hours ago 00:13:53 1
Почему запретили АСД 2. Запрещённое средство из СССР
2 hours ago 00:05:28 1
Овощи, которые содержат НОЛЬ углеводов! 🔥
2 hours ago 00:01:14 1
РЫБОЛОВНЫЕ СНАСТИ ДЛЯ МОРСКОЙ РЫБАЛКИ 💣
2 hours ago 00:48:39 9
Новые вкусные ягодные рецепты: Самые полезные плоды.
3 hours ago 01:01:10 1
Закон Божий — Протоиерей Серафим Слободской. Часть 1
3 hours ago 00:01:46 1
🤑 Ставки на киберспорт особенности 🔥
3 hours ago 00:16:36 1
ПАВЛОВ СПРИНГ. СВОЙСТВА #глобалтренд #нанобальзам #globaltrend