Блог Дмитрия Рыбалка

Параллакс эффект с фиксированием блоков

Анимация Zero Block
Этот эффект хорошо подходит, когда необходимо задать странице объём. Лучше использовать в одностраничных сайтах.

Особенно интересно этот эффект сочетается с подвалом, когда предпоследний блок фиксируется, а подвал как бы "наезжает" на предпоследний блок и логически завершает страницу.

Как сделать:
  1. Добавьте Zero Block
  2. В Zero Block добавьте фотографию шейп относительно экрана на 100% по ширине и высоте
  3. Добавьте пошаговую анимацию: скролл, от верха, дистанция = ширине блока, фиксирование
  4. Продублируйте несколько раз Zero Block и поменяйте в них фотографии
  5. Готово

А ещё этот эффект можно применить к подвалу, попробуйте — вам понравится!