Анимация при прокрутке (скролле) страницы на HTML CSS и JavaScript



Анимация при прокрутке (скролле) страницы очень полезно для повышения удобства пользования вашим сайтом. К тому же это очень красиво и современно. В этом видео я пошагово покажу как анимировать элементы при прокрутке страницы без тяжелых библиотек используя HTML CSS и JavaScript.

script type="text/javascript" src="http://aos-creative.prf.hn/creative/camref:100l3Rd/creativeref:10l3694">

👉Урок CSS Transition – https://www.youtube.com/watch?v=yZFg3cuq_LU&list=PLM6XATa8CAG4F9nAIYNS5oAiPotxwLFIr&index=23
👉Урок CSS Transform – https://www.youtube.com/watch?v=uQEGUpsnqsw&list=PLM6XATa8CAG4F9nAIYNS5oAiPotxwLFIr&index=26
👉 Для ленивых, архив с готовым кодом на патреоне – https://www.patreon.com/posts/40076667

🔴 Получить доступ к плюшкам + поддержать канал: https://www.patreon.com/freelancerlifestyle
🔴 Telegram канал: https://t.me/freelancer_lifestyle (https://teleg.run/freelancer_lifestyle)
🔴 Telegram чат по верстке: https://t.me/flschat (https://teleg.run/flschat)
🔴 Facebook: https://www.facebook.com/freelancerlifestyle
🔴 Instagram: https://www.instagram.com/freelancer.lifestyle

Содержание:
00:00 – Введение, подготовка к работе
01:21 – Настройка анимации в CSS
03:38 – Пишем JavaScript код
13:46 – Примеры применения анимаций при скролле
22:22 – Итоговый результат

👋 Меня зовут Женя Андриканич, я IT – специалист, занимаюсь разработкой сайтов. На этом канале, я регулярно и в максимально доступном формате буду делиться с тобой своим опытом, наработками, секретами и лайфхаками!
Ссылка на канал: https://www.youtube.com/c/freelancerlifestyle

🤟 Живи, а работай в свободное время! ©

source

Reply

Do NOT follow this link or you will be banned from the site!