Как это реализовано на сайте?

Question

[Nik3]

Здравствуйте.
Помогите плиз. Сейчас делаем сайт, мы заказчики. И хотели бы внедрить одну вещь с другого сайта. Но надо задание сформулировать более менее, а мы не специалисты.
Хотим сделать по аналогу, как здесь https://www.kmcon.ru
Когда картинки разные или сообщения, не статичные, а вот так вот появляются на странице, как бы приплывают - сбоку, снизу, сверху. Сайт на wp судя по всему и у нас такой же будет.
Как это вообще сделано? Трудоемко это вообще или нет?
Я так понимаю, это какие-то css штучки. Нам конечно желательно чтобы это сайт не очень тормозило.

Comments

[FeST1VaL]

ну так, а там где заказываете менеджер не может это подсказать? по сути это просто анимации при прокрутке экрана. А как уже это описать в ТЗ я хз)

[yarovikov]

Это говно отпугивает посетителя. Никода не надо делать такую жесть на сайте с информацией, если это не супер модный лендинг-однодневка

[Александр]

Это сделано на animate.css и waypoints.js. Можно было реализовать на wow.js
Не рекомендую вообще. Иногда, при быстрой прокрутке, блоки не успевают появляться.

Answer 1

[Павел Антонов]

Animate css подключается к сайту и на нужные блоки добавляются классы с анимацией. Не сложно и не трудоемко.

Answer 2

[ThunderCat]

Если компания разработчик адекватная - достаточно показать сайт на котором вам что-то понравилось и попросить сделать что-то похожее, вы же как-то договаривались об остальном дизайне и функционале, не являясь при этом специалистами? Будьте проще, все решаемо.

Answer 3

[Nik3]

А сколько такая фитча может стоить примерно, плюс минус. Если Главная уже есть, на ней блоки тоже подобные выводятся, да и вообще все есть уже. Просто хотелось бы такую же анимацию сделать, для визуализации.
Просто это как доп работы будут.
Об остальном мы договаривались, да, опыт небольшой есть, эксплуатируем пару сайтов. Но там обычные страницы, разделы, все такое довольно стандартное. А такие вещи для нас новинка.

Comments

[Павел Антонов]

500 рублей

[Nik3]

Павел Антонов, Спасибо за информацию.