Потрясающая 3D Tilt анимация на JavaScript. Полный цикл разработки

83 Просмотры
Издатель
Создание сайта от А до Я (комплексный курс): https://goo.gl/ankxq9
Создание интернет-магазина: https://goo.gl/7mDqYD
Фриланс для начинающих: https://goo.gl/xOPRQ0

Всем привет! Сегодня мы создадим сложную 3D Tilt анимацию - от дизайна до готового результата на JavaScript, с использованием инновационной платформы GSAP. В данном уроке мы довольно плотно поработаем с OptimizedHTML 5 и на реальном примере рассмотрим настройку, оптимизацию ресурсов и другие аспекты работы со стартером.

Страница урока: https://webdesign-master.ru/blog/javascript/javascript-3d-tilt-animation.html

Группа Вконтакте: https://vk.com/agragregra
Twitter: https://twitter.com/agragregra

Таймкоды:
00:00 Intro
00:27 Дополнительные материалы
00:46 Создание дизайна
07:25 Настройка проекта
14:30 HTML Вёрстка
36:05 Экспорт изображений
40:08 Вёрстка слоёв карты
51:13 JavaScript + GSAP
56:30 3D Перспектива
1:00:17 Адаптация для устройств
1:08:25 Анимация появления
1:14:45 Финал
Категория
Разработка Приложений
Комментариев нет.