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

标签 html css 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; }

最佳答案

-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 或黑莓, 但 Firefox 自 FF4 起支持无前缀的 box-shadow)

关于html - 缩放转换在 Firefox 中不起作用,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/12248604/

相关文章:

jquery - 从 tinymce 编辑器中删除功能

CSS 转换/转换 - 谷歌浏览器中的 "shaky"图像

javascript - 单击时的 CSS3 关键帧动画(使用 addClass)。如何通过添加 css 类重新启动 CSS3 动画?

javascript - 如何禁用特定div之外的点击

javascript - 动态改变图像上的文本颜色

html - 删除页脚后的多余空间

python - 使用 python selenium 自动测试 CSS 和视觉异常?

css - 背景放大动画

html - 仅使用 CSS 垂直交换 nav 和 div

javascript - 向范围类型输入控件的最小值和最大值添加标签?