Как правильно сделать такой угол?

Question

[Nazi]

не понимаю как реализовать такой блок
Самое главное, что с одной стороны один цвет с другой другой.

Answer 1

[Антон Федорян]

https://jsfiddle.net/slippyk/ey3j4a8g/1/

Comments

[Nazi]

у меня появилась проблема, мне нужно сделать на весь экран этот блок

[Nazi]

vh и фиксированный, а там нужно все указывать в пикселях

Answer 2

[IceJOKER]

div.wrapper
  div.first_block
  div.second_block

Простой вариант - установить .wrapper уже подготовленный фон
По-сложнее - .wrapper - position: relative;, дочерним элементам указываете position: absolute; (top, right, left, bottom - 0) и далее https://css-tricks.com/examples/ShapesOfCSS/

Comments

[Nazi]

Правая сторона должна быть слайдером, как так решать задачу?взять враппер то есть с фотошопа?