Задать вопрос

Как сделать такую анимацию на сайте?

Здравствуйте, подскажите простую и легкую js библиотеку которая будет, производить разные анимации на сайте.
Например есть img на сайте, чтобы он плавно шевелился на странице сам по себе, потом чтобы текст появлялся при скроле плавно из разных сторон. И еще чтобы были крутые анимации с кнопками например, также чтобы была анимация 3D на сайте, чтобы куб вертелся. И логотип крутился. Ну вы поняли.

Вот сайт, в котором я хочу сделать такие же анимации:
andrikanich.guru/freelance/2017/hranipex
https://tortishnaya.ru/

И 3d как тут например: https://total-pr.net/
  • Вопрос задан
  • 320 просмотров
Подписаться 4 Простой Комментировать
Помогут разобраться в теме Все курсы
  • Нетология
    Веб-разработчик с нуля: профессия с выбором специализации
    14 месяцев
    Далее
  • Академия Эдюсон
    Frontend-разработчик: тариф PRO
    10 месяцев
    Далее
  • ProductStar × РБК
    Профессия: Инженер по тестированию
    6 месяцев
    Далее
Решения вопроса 1
sfi0zy
@sfi0zy Куратор тега CSS
Creative frontend developer
Набор инструментов - это всегда дискуссии из разряда "на вкус и цвет фломастеры разные". Я бы в первую очередь смотрел на:



Но тут важно понимать - аналогичных инструментов у нас полно, и в конечном счете не так важно, что вы возьмете. Многие вещи (почти все на самом деле) можно вообще своими руками с нуля делать - будут получаться узконаправленные, но очень маленькие и шустрые решения. Может показаться странным, но реально сложные задачи, требующие сложных инструментов и много-много кода, в этой области - редкость, т.к. все более-менее сложное в компьютерной графике требует серьезных вычислительных мощностей и не работает нормально на телефонах и ноутбуках со встроенной графикой. Светлое будущее наступило только у веб-евангелистов, а у нас на рынке пока еще серое настоящее. Иногда бывают алгоритмически сложные концепты, где нужно немного шарить в физике и математике, но там и готовых библиотек не будет. А в рамках распространенных задач - гораздо важнее идеи, дизайны, а не инструменты.
Ответ написан
Пригласить эксперта
Ответы на вопрос 2
sharnirio
@sharnirio
Front-end developer
gsap + ScrollTrigger навксидку пример - link
Ответ написан
@Chian
Неплохие библиотеки, могут пригодится.

https://github.com/bendc/animateplus
https://animejs.com/
Ответ написан
Комментировать
Ваш ответ на вопрос

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

Похожие вопросы