Css 为什么旋转对象上的底部填充动画会导致对角移动？

我试着在我的页面的elft端做一个小的反馈标签。 我创建了一个div，将其旋转90度，然后将其拍打到页面的左侧。到现在为止，一直都还不错。然后我想在hover上添加一点动画。因此，我只增加了一点底部填充，但选项卡沿对角线移动…/：

我该怎么修？！

---

谢谢。：）

变换元素时，除非另有规定，否则原点为中心。但是如果您添加了

填充底部

，则您正在向下移动中心。这会导致旋转基于不同的点，从而产生对角线移动

尝试使用

变换原点：0 100%

相对于左下角定位变换。您需要调整

左

和

顶

值，但在增加底部填充时，您应该不会再看到问题