Как такое сверстать?

Question

[Hyubert]

Привет, интересует вопрос - как сверстать скошеный блок с паралакс эффектом?

Заранее спасибо

Answer 1

[riot26]

С картинки непонятно на что влияет параллакс. На угол наклона?
А по сабжу: after-ом с градиентом/бордерами или svg-шкой

Comments

[Hyubert]

ну просто бедый блок удет вверх, а синий на месте стоит, в этом паралакс

можете показать пример, а то не совсем понял?

[Максим]

Hyubert: codepen.io/Geyan/pen/wobzaq?editors=110 так ?

[Hyubert]

. Shadow: не совсем, можно как то нижний блок сделать скошеным?

[Максим]

Hyubert:. Любой блок можно так сделать но на свг либо фоном

Answer 2

[lacrim]

Скосить блок можно с помощью CSS transform:;
Параллакс либо самый простейший - background-position:fixed;
Или на js прокрутку повесить изменение угла у свойства transform

Ещё есть интересная библиотека для параллаксов с большим количеством возможностей -markdalgleish.com/projects/stellar.js

Comments

[Hyubert]

все же не понимаю, можете показать пример?

[lacrim]

Как то так например + доработать codepen.io/mbogrov/pen/ENzvKJ