块的曲线右侧形状

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>

块的曲线右侧形状

Curve right side shape of block

css

shapes