- Поисковые системы
- Практика оптимизации
- Трафик для сайтов
- Монетизация сайтов
- Сайтостроение
- Социальный Маркетинг
- Общение профессионалов
- Биржа и продажа
- Финансовые объявления
- Работа на постоянной основе
- Сайты - покупка, продажа
- Соцсети: страницы, группы, приложения
- Сайты без доменов
- Трафик, тизерная и баннерная реклама
- Продажа, оценка, регистрация доменов
- Ссылки - обмен, покупка, продажа
- Программы и скрипты
- Размещение статей
- Инфопродукты
- Прочие цифровые товары
- Работа и услуги для вебмастера
- Оптимизация, продвижение и аудит
- Ведение рекламных кампаний
- Услуги в области SMM
- Программирование
- Администрирование серверов и сайтов
- Прокси, ВПН, анонимайзеры, IP
- Платное обучение, вебинары
- Регистрация в каталогах
- Копирайтинг, переводы
- Дизайн
- Usability: консультации и аудит
- Изготовление сайтов
- Наполнение сайтов
- Прочие услуги
- Не про работу
Авторизуйтесь или зарегистрируйтесь, чтобы оставить комментарий
Никак не могу найти уроки как правильно делать анимацию появления объектов при скролле. Единственное что выдает поисковик это вот такую приблуду https://daneden.github.io/animate.css/
Работает конечно, но как по мне очень кустарно, т.к. приходится прям в html прописывать задержки и прочее.
А вот на этом сайте вижу все непосредственно через ccs делается https://senetsy.ru/ - что это за прием и где почитать про него?
https://www.youtube.com/watch?v=r1ZtMCr0Pr4
Никак не могу найти уроки как правильно делать анимацию появления объектов при скролле.
Примеры
https://github.com/terwanerik/ScrollTrigger
https://github.com/michalsnik/aos
https://github.com/crazychicken/t-scroll
А вот на этом сайте вижу все непосредственно через ccs делается https://senetsy.ru/ - что это за прием и где почитать про него?
Судя по всему, приём заключается лишь в том, что скрипт запускает css анимацию в видимой области экрана.
Никак не могу найти уроки как правильно делать анимацию появления объектов при скролле. Единственное что выдает поисковик это вот такую приблуду https://daneden.github.io/animate.css/
Работает конечно, но как по мне очень кустарно, т.к. приходится прям в html прописывать задержки и прочее.
Animate.css это лучший сборник анимаций с помощью css на данный момент. Это просто набор классов которые при добавлении к DOM элементу анимируют его с заданными параметрами. То есть она "с коробки" не обещает анимировать при скролле.
Не знаю где вы там увидели добавление задержки и прочего в html, скорее всего просто не поняли для чего он нужен.
По теме, только с animate.css не получится делать анимацию при скролле. Нужен скрипт/плагин который будет детектить что объект находится в поле зрения и вешать на него класс. В свое время пользовался wow.js, читайте, поможет, а может и свежее что-то найдете, главное понять что как работает и должно работать.