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

Question

[Heorhii]

Всем привет. Есть вот такой код, скосил нижний угол, нужно скосить противоположный верхний, но не пойму как это сделать чтобы не криво было. Максимум добивался скос от центра блока, а как от угла ума не приложу. Помогите

.quote {
  background: #41ade5;
  color: #fff;
  position: relative;
  z-index: 1;
}
.quote:after {
  background: inherit;
  bottom: 0;
  content: '';
  display: block;
  height: 50%;
  left: 0;
  position: absolute;
  right: 0;
  transform: skewY(-1.5deg);
  transform-origin: 100%;
  z-index: -1;
}

Comments

[Ankhena]

Выложите код вот сюда: https://jsfiddle.net/
И приложите картинку, какого эффекта хотите добиться.

[Heorhii]

Ankhena W: https://jsfiddle.net/7m080pgL/
пикча выше

[Heorhii]

Ankhena W:

[Ankhena]

Георгий Городенко: в данном случае, множественный фон, цвет и градиент

[Heorhii]

Ankhena W: мне не то же самое нужно. Я хочу сделать как на скрине белый блок

Answer 1

[Ankhena]

Используйте множественный фон и градиенты
https://jsfiddle.net/g0886jxz/1/

Цвета и углы настраивайте под себя

Answer 2

[Heorhii]