OWIII
@OWIII
Frontend Developer

Макеты для тренировки навыков анимирования (CSS, JS, GSAP)?

Доброго утра!)
Не блещу фантазией и взглядом дизайнера, но очень хочется потренироваться в анимировании элементов на реальных кейсах. Анимировать квадратики и кружочки - желания нет, да и в портфолио это не положить.
Подскажите, где можно взять макеты для того, чтобы поднатореть в навыках анимации?
Если у кого есть реальные кейсы, которые он уже сделал давным давно, буду благодарен, если подкинете задачек или макетов)
  • Вопрос задан
  • 1459 просмотров
Решения вопроса 2
alexyarik
@alexyarik
Битрикс разработчик
Вот на мой взгляд интересные задачки:
вертикальная прокрутка и смена авто
porschevolution.com/#2000s
горизонтальная смена экранов
hotdot.pro/#bilet2u
Интересный Parallax на первом скрине
www.firewatchgame.com
несколько разных эффектов
https://kirillpritula.com/en/
прокрутка с разными эффектами появления
lavash26.ru
первый экран прикольно меню сделано
https://rizon.pro/
примеры
https://threejs.org/examples/
вращение товара, уменьшение и приближение
www.manufaktur-sehen.de/brillenkonfigurator
много всего
https://codepen.io/search/pens?q=animation
Ответ написан
OWIII
@OWIII Автор вопроса
Frontend Developer
В общем, что удалось мне найти самому:
Иконки и макеты для анимирования персонажей и т.д.
Еще
Веб-элементы.
Попробую включить фантазию и что-нибудь сваять из этих макетов.
Ответ написан
Пригласить эксперта
Ответы на вопрос 2
@Kostik_1993
PHP Backend Developer, Laravel, Yii, Vue, Node.js
Если цель просто тренироваться, без дальнейшего упоминания в портфолио, то можно взять какой-нибудь готовый кейс и повторить самостоятельно. Вот например сайт https://unawheel.eu попробуйте начать с такой анимации и повторить ее.
Ответ написан
@bozuriciyu
Не блещу фантазией и взглядом дизайнера


хочется потренироваться в анимировании


Ты уверен что ты на правильном пути?
Ответ написан
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы