5 085 Parallax / Codepen

Параллакс эффект при ресайзе браузера

Параллакс эффект, созданный на CSS. Тридцать дивов с одним и тем же фоном из цветов, абсолютно с позиционирован и, благодаря координате Z, каждый из дивов смещен на уровень ниже, относительно другого. При этом трансформация по оси Z находится в зависимости от ширины viewport, так как используется единица vw.
Чтобы увидеть эффект, нужно смотреть демку в полном размере.


HTML

SCSS

Комментарии

  • Facebook
  • Вконтакте

Похожие статьи