How are these effects created in landing pages?

Question

css

1) When scrolling, the page automatically scrolls to the next block. Example: elseve.ivi.ru
2) There is a large picture or video in the background. Example: designedtomove.org

Answer 1

1. fullpage.js

Answer 2

1. take any adaptive slider (for example, caroufredsel), set the width and height to 100%, turn on the slide change on scroll in the options.
2. HTML5 (video tag) and CSS3 (background-size)