Css 如何逆时针旋转图元

我知道我们可以用负号逆时针旋转一个元素

变换：旋转（-20度）

但这只适用于x轴。我想沿y轴旋转元素。我试过了

变换：旋转（-20度）

这不起作用，因为它会以与我们使用的相同方向旋转元素：

变换：旋转（20度）

我花了半个小时寻找答案。请帮忙
 为什么不呢？是的。还是要拉伸该元素？然后
transform:scale（）
将对您有所帮助


div{
变换：比例（2,1）；
左边距：200px；
}
text
使用
变换时：旋转（-20度），您说过它仅适用于x轴。

所以你的问题是：
我想沿y轴旋转元素。
如果你想垂直旋转div，那么下面的代码可能会有所帮助：


。垂直旋转{
高度：100px；
宽度：100px；
背景：红色；
填充：10px；
文本对齐：居中；
过渡：所有1.0线性；
}
.垂直旋转：悬停{
变换：rotateX（180度）；
}
让我停下来！
在看不到你想要达到的目标的情况下，很难帮助你，你的Y轴旋转应该是有效的，但也许它没有显示出你认为应该达到的效果。-基本上，我的问题是
transform:rotateY（20deg）
和
transform:rotateY（-20deg）
都是以相同的方向旋转元素。我想向相反的方向旋转。请尝试一下，然后回答。你需要对你遇到的问题做一个演示。旋转Y的效果与旋转X的效果不同。这很好，我只想确认
rotateY
没有负向符号的效果。谢谢你的帮助。当然，负向符号会产生不同的效果，它会向不同的方向旋转。