块的曲线右侧形状

Question

使用CSS3可以做到吗？ （街区的右侧）

https://vuejs.org/v2/guide/migration.html#Replacing-the-orderBy-Filter

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>