Кривая форма правой стороны блока

Question

Возможно ли это сделать с помощью CSS3?(правая сторона блока)

Answer 1

Он не идеален для цветов и т. Д. Но приведенный ниже код должен дать вам достойную отправную точку.

#parallelogram {
  width: 150px;
  height: 100px;
  transform: skew(-25deg);
  background: red;
  border-radius: 0 20px 20px 0;
  background-image: linear-gradient(#4DD2FA, #387AFE);
}

<div id=parallelogram></div>