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

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

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

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

И 3d как тут например: https://total-pr.net/
  • Вопрос задан
  • 309 просмотров
Подписаться 4 Простой Комментировать
Решения вопроса 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/
Ответ написан
Комментировать
Ваш ответ на вопрос

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

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