html - 缩放转换在 Firefox 中不起作用

Question

我已经在 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; }

Answer 1

你没有-moz-transition: -moz-transform .15s linear;on ul.polaroids_portfolio a，你只有-webkit-版本。

见http://jsfiddle.net/WYfZz/5/

此外，您也不应忘记将未预定义的过渡版本也放在最后（在 Firefox 16/Opera 12.5/IE 10 中，过渡和变换都将不加前缀）。同样适用box-shadow（最好使用无前缀版本而不是前缀版本；我可以理解使用-webkit前缀来支持 Android 或 Blackberry，但 Firefox 支持box-shadow自 FF4 以来的无前缀版本）