Horizontal Scroll Section | Locomotive Scroll & GSAP ScrollTrigger | Parallax, gsap animation

Опубликовано: 31 Октябрь 2023
на канале: Approvecode

7,018

259

Source Code 👇👇👇
  / horizontal-gsap-92767168

Сегодня к вашему вниманию, видео в котором показано как сделать плавный горизонтальний скролл ( horizontal smooth scroll ) с параллакс еффектом текста и картинок ( parallax text & parallax images animation ) с использванием таких библиотек как Locomotive Scroll и GSAP ScrollTrrigger. Happy Halloween🎃🎃🎃

Если понравилось видео, нажимайте кнопку подписаться, ставьте большой палец вверх👍 и не забывайте нажать на колокольчик🔔🔔🔔 чтобы не пропускать новые видео.

00:00 - INTRO
00:24 - LIBS
00:27 - Add Background
01:54 - Locomotive Scroll(horizontal scroll)
03:14 - Add Vertical Scroll
04:45 - Add Images
05:55 - Horizontal Parallax Text
09:22 - Horizontal Parallax Images
11:07 - Vertical Parallax Images
12:40 - Vertical Parallax Text
13:38 - Result

Также переходите по ссылкам ниже ↓↓↓
Patreon:   / approvecode
Website: https://folio-nd.approvecode.com/
Blog: https://approvecode.com/
GitHub: https://github.com/DmitriNaumov
Codepen: https://codepen.io/DmitrN

ApproveCode on IG:   / nd.webdev
ApproveCode on TG: https://t.me/avcode

#html5 #css3 #javascript #parallax #smooth #code #анимация #animation #site #htmlcssjavascripttutorial #frontend #frontenddeveloper #creative #дизайнсайта #approvecode