Css 使用“变换”属性创建背景

我有这个svg图像：

:

HTML:

<div></div>

div {
  width: 1440px;
  height: 389px;
  position: relative;
  overflow: hidden;
}
div::after {
  content: '';
  display: block;
  position: absolute;
  left: 50%;
  top: 50%;
  background-color: #32AF00;
  width: 110%;
  height: 100%;
  transform: rotate(12deg) translate(-50%, -50%);
  transform-origin: 50% 50%;
}