В ролике мы - Валера Ткаченко и Тёмыч Панасюк - раскрываем тему использования 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 директивы
Hide player controls
Hide resume playing