scroll behavior
video play-pause and progress bar are controlled by JS, html tag is video
video.play()
& video.pause()
timeupdate
& const barWidth = video.currentTime / video.duration;
js used swiper.js
.pricing-card-back,
.pricing-card-front {
backface-visibility: hidden;
}
change font size can break the layout, so use scale
implementation of iphone & macbook is interesting
hover + video playing
tilt.js
video as background
https://coverr.co/ free video website
swiper to change page (eventListender with wheel)
problem with hand gesture