-moz转换标题与文本移动不对称



我在悬停时添加了-moz-transition:all 0.2s ease-in。但在FireFox中,标题和文本的移动是不对称的。

样品:http://jsfiddle.net/wkcpL/1/

font-family中的问题。当我从body中删除font-family:Arial;或将Arial更改为Verdana时,属性代码开始正常工作。

为什么它适用于Verdana而不适用于Arial

好吧,我不能评论Verdana的工作原理,但我认为这与使用margin进行转换有关。用transition:transform(-1px, -1px);试试。

这是你对变化的掌控:http://jsfiddle.net/rgthree/jKHyu/

#content .block:hover{
    /* ... */
    -moz-transform:translate(-1px,-1px);
    -webkit-transform:translate(-1px,-1px);
    transform:translate(-1px,-1px);
}​

相关内容

  • 没有找到相关文章

最新更新