CSS3转换不工作 [英] CSS3 transform not working

问题描述

我试图通过旋转10度来转换我的菜单项。我的CSS在Firefox中工作，但我没有复制的效果在Chrome和Safari。我知道IE不支持这个CSS3属性，这不是一个问题。

I am trying to transform my menu items by rotating them 10 degrees. My CSS works in Firefox but I've failed to replicate the effect in Chrome and Safari. I know IE doesn't support this CSS3 property so that's not a problem.

我使用下面的CSS：

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

任何人都可以建议我出错的地方？

Could anybody please suggest where I am going wrong?

感谢。

推荐答案

这只是一个有根据的猜测， CSS：

This is merely an educated guess without seeing the rest of your HTML/CSS:

您已应用 display：block 或 display：inline-block 到 li a ？

否则，请尝试对 li 应用CSS3转换规则。

Otherwise, try applying the CSS3 transform rules to li instead.

这篇关于CSS3转换不工作的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！