如何将SVG块的右侧稍微向后变换？

如何变换/旋转（？）这些SVG块的右侧，使其更像背面

瓷砖的右边不应该更高，但后面应该更高，这样可以使瓷砖更结实

这是我的SVG

width="1250.345px" height="350.345px" viewBox="-30 -30 1250.345 350.345" style="enable-background:new 0 0 1250.574 350.574;"
xml:space="preserve">
<g>
 <path d="M 14,19 L14,100 l 100,0 l 0,-80 Z" style="fill:#B1BCB6;" />
 <path d="M 117,20 L117,100 l 100,0 l 0,-80 Z" style="fill:#B1BCB6;" />
 <path d="M 220,20 L220,100 l 100,0 l 0,-80 Z" style="fill:#B1BCB6;" />
</g>
<g>
 <path d="M 14,103 L14,183 l 100,0 l 0,-80 Z" style="fill:#B1BCB6;" />
 <path d="M 117,103 L117,183 l 100,0 l 0,-80 Z" style="fill:#B1BCB6;" />
 <path d="M 220,103 L220,183 l 100,0 l 0,-80 Z" style="fill:#B1BCB6;" />
</g>
<g>
 <path d="M 14,187 L14,267 l 100,0 l 0,-80 Z" style="fill:#B1BCB6;" />
 <path d="M 117,187 L 117,267 l 100,0 l 0,-80 Z" style="fill:#B1BCB6;" />
 <path d="M 220,187 L 220,267 l 100,0 l 0,-80 Z" style="fill:#B1BCB6;" />
</g>
</svg> ```

width=“1250.345px”height=“350.345px”viewBox=“-30-30 1250.345 350.345”style=“启用背景：新的0.1250.574 350.574；”
xml:space=“preserve”>
```

我不知道你说的是什么意思

瓷砖的右边不应该更高，但后面应该更高，这样可以使瓷砖更结实

当这看起来正是你所画的

可以使用

skewY（）

变换来复制图形

感谢您的决定，我将只添加一个澄清。Firefox72.0.1已经支持透视和旋转变换。这是一个转换每行矩形SVG@Alexandr_TT的示例，正如您所说，您不能跨浏览器使用它们。这就是为什么我决定保持我的答案简单，并说你还不能使用它们。公平地说，我没有说任何关于跨浏览器兼容性的事情。我刚刚澄清，Firefox支持svg中透视图的转换。@Alexandr_TT抱歉，我的评论有点格式错误。我打算读“正如你所说，它在Firefox中工作，但你不能跨浏览器使用它们……”我总是积极地感谢你的回答，它们对我非常有用，我在工作中使用了你很多有趣的想法，我认为这个答案很有用