我已经在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; }
答案 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起)