Оживить javascript эффектом карту товаров из списка категорий

[munhgauzen]

Ребята  прошу прощения если несколько неверно выразил мысль. Но во многих шаблонах я вижу подключенные javasсript эффекты которые придают динамичности карте товара(имеется ввиду карта товара которая выводится списком в категориях например и тп). Но вот почему то не нашел нормального примера каким образом самому на дефолтном шаблоне можно добавить эти динамические эффекты. Буду благодарен если кто скинет ссылки.

[freelancer]

хотя бы шаблоны указали

[munhgauzen]

вот первый попавшийся

http://tech-store.octemplates.net/apple-main/apple-watch/filter/price-1990-95990/apple-2/

[freelancer]

супер анимация

[pimur]

Советую всю анимацию стараться сделать css-ом, если что то особенное, то уже тогда добавлять js. По хорошему в связке с css, без .animation() jqweru

https://developer.mozilla.org/ru/docs/Web/CSS/CSS_Transitions/Using_CSS_transitions и т.д

Отправлено через Tapatalk

[ArtemPitov]

https://daneden.github.io/animate.css/

[anboza]

только не набрасывайтесь на "спец-эффекты" очень сильно. чтобы потом у пользователей, не случилась морская болезнь от переизбытка

[pimur]

Добавлю, если человек надумает делать себе отдельную функцию https://learn.javascript.ru/js-animation

Смотреть в сторону requestanimationframe вызвав calback на transitionend https://developer.mozilla.org/ru/docs/Web/Events/transitionend не забыв полифилы или вопользоваться https://babeljs.io/

+ такого подхода. Если вы используете requestAnimationFrame, все ваши анимации будут гладкими и красивыми, синхронизированными с вашим графическим процессором (GPU) и съедающими гораздо меньше ресурсов центрального процессора (CPU).

Еще ссылка по теме https://html5.by/blog/what-is-requestanimationframe/