为什么我的 CSS3 变换在 Firefox 中旋转菜单项，但在 Chrome 或 Safari 中却不能？

CSS3 转换不起作用：

您尝试将菜单项旋转 10 度，并且您的 CSS 在 Firefox 中起作用。然而，事实证明，在 Chrome 和 Safari 中复制此效果并不成功。

使用的 CSS：

li a {
   -webkit-transform:rotate(10deg);
   -moz-transform:rotate(10deg);
   -o-transform:rotate(10deg); 
}

潜在原因：

• 显示属性： 确保 display: block 或 display: inline-block 已应用于 li a。这可确保元素呈现为块，从而可以正确转换。
• 目标元素：如果上述解决方案无法解决问题，请尝试将 CSS3 转换规则应用于 li而不是李阿。

以上是为什么我的 CSS3 变换在 Firefox 中旋转菜单项，但在 Chrome 或 Safari 中却不能？的详细内容。更多信息请关注PHP中文网其他相关文章！