规模转换不适用于Firefox

时间:2012-09-03 13:13:04

标签: html5 css3 css-transitions

我已经在chrome和safari中顺利运行了这个过渡,但它在firefox中无效。在Firefox中,它不会放大,但会立即显示放大的图像。也许有人知道什么是错的......

我为它制作了一个jsfiddle:http://jsfiddle.net/WYfZz/

ul.polaroids_portfolio li a:hover { -webkit-transform: scale(1.75); -moz-transform: scale(1.75); 
-ms-transform: scale(1.75);-o-transform: scale(1.75);transform: scale(1.75);
 position: relative; z-index: 5; }

1 个答案:

答案 0 :(得分:3)

-moz-transition: -moz-transform .15s linear;上没有ul.polaroids_portfolio a,您只有-webkit-版本。

请参阅http://jsfiddle.net/WYfZz/5/

另外,你也不应该忘记在最后也为转换添加未经过验证的版本(转换和转换在Firefox 16 / Opera 12.5 / IE 10中都没有前缀)。同样适用于box-shadow(您最好使用未加前缀的版本而不是前缀版本;我可以理解使用-webkit前缀来支持Android或Blackberry,但Firefox支持未加前缀的版本{{1自FF4起)