CSS3动画不工作火狐

文章/答案/技术大牛

发布

1回答

jquery、ajax、css、animation、mozilla

此动画在chrome、opera和edge中工作正常。我在css中尝试了不同的供应商前缀，并使用带有关键帧的纯css解决方案，但结果是相同的。我也尝试了硬件加速动画，但它几乎没有影响性能。有没有办法在不锁定Mozilla的情况下创建同样的脉冲/波形效果？

浏览 14提问于2016-07-19得票数 7

回答已采纳

2回答

使用现代派触发脚本

modernizr

如果浏览器不支持CSS3动画，我想启动脚本if (Modernizr.cssanimations) {}我在这里出了什么问题？

浏览 2提问于2012-09-09得票数 0

回答已采纳

1回答

CSS3 Animate.css在火狐上看起来很奇怪

firefox、css、animation

我正在与animate.css合作，为一张登录幻灯片制作一个简单的弹出动画。

浏览 5提问于2013-03-09得票数 0

回答已采纳

2回答

CSS转换- Firefox上的计时问题

firefox、css、css-transforms

我做了一些CSS动画，在WebKit (Safari/Chrome)上运行得很好，但在火狐上却搞砸了。</div> 如你所见，如果你使用的是Safari/Chrome，左边的div和out div的打开时间是一样的，但是在Firefox上，它会在不同的时间打开，弄乱整个动画

浏览 0提问于2012-06-05得票数 4

回答已采纳

1回答

CSS3动画边框-火狐上的radius不工作

css、firefox、animation

我目前正在尝试制作一个动画扩展球体(圆)，它只是一个仅使用css3应用边界半径的div。我设法让动画在webkit浏览器上工作，保持动画元素的球体/圆形，但我不知道为什么它不能在firefox上工作。它确实应用了一些边界半径(大约20px)，但不像在webkit上那样工作。

浏览 0提问于2013-03-21得票数 1

回答已采纳

1回答

jQuery动画在透明渐变的火狐上是不稳定的。有什么后备方案吗？

jquery、css

它的一些部分使用了半透明的CSS3渐变。现在这些渐变效果很好，但是火狐对它们和jQuery有问题。如果存在半透明的CSS3渐变，则页面上的大多数jQuery动画都会变得不稳定。这将有助于消除firefox中动画的波动性吗？

浏览 3提问于2012-08-13得票数 2

回答已采纳

1回答

在FF中不使用jmpress.js的幻灯片

firefox、slider

所有新的css3转换都应该支持火狐，所以我不认为这有问题。更新：动画在火狐中也不适用于我

浏览 3提问于2014-08-28得票数 0

回答已采纳

4回答

CSS3过渡填充

javascript、css、progressive-enhancement、css-transitions

好了，你们中的大多数人都会熟悉CSS3过渡，我更喜欢它而不是jQuery动画，因为它有CSS的简单性。我唯一的遗憾是，它不能在IE < 9(一如既往)以及火狐< 4，Safari <4等中工作。我并不是说只为IE用JavaScript编写单独的动画。但我想要一个解决方案，它将扫描CSS，抓取动画的速度，哪些属性必须动画，并动画他们(使用jQuery，或其他)，有这样的解决方案，如果是的话，它是什么，我可以从哪里获得它？

浏览 0提问于2011-08-08得票数 10

回答已采纳

2回答

transform: scale(x，x)不适用于Firefox中的动画

jquery、jquery-ui、css、firefox、transform

我试图使用一个滑块来“转换:缩放(x，x)”css3“动画”在火狐。如果我关闭动画，滑块和缩放工作。如果我打开动画，它会动，但是缩放不起作用。$("#slider-step").on("change", function(e){ scale= $("#slider-step")from {transform: ro

浏览 5提问于2014-03-19得票数 3

回答已采纳

2回答

用css3启动和停止jQuery动画

javascript、jquery、css、animation

目前，我正在用css3为火狐制作动画。function(){}); 我已经发现上面的代码将使我的动画开始

浏览 2提问于2014-01-11得票数 2

回答已采纳

1回答

动画作品在FF上而不是Chrome上的CSS3转换，为什么？

css、css-animations

在Firefox上，当我在元素上鼠标移动时，元素运行css3动画，然后鼠标离开，动画就会被恢复：我之所以提到“动画的转换”，是因为在测试时，属性转换:所有的0.45s，都是它在FF上所做的工作。不确定一个更有经验的人是否能给出一些提示？

浏览 3提问于2014-04-25得票数 1

回答已采纳

2回答

CSS过渡与CSS动画的性能

css

我知道这可以通过CSS过渡或CSS动画的不透明度来实现。这两者之间有什么性能差异吗？我一直使用CSS过渡(主要是因为它们需要更少的CSS行，等等)，但我想知道使用CSS动画是否有什么好处。

浏览 2提问于2013-06-28得票数 16

1回答

火狐css3动画

javascript、html、css

我听说过在火狐中实现css3动画的技巧和技巧。我做了一些研究，但一无所获。在座的各位中有谁知道如何在火狐和opera (如果可能的话，还有IE )中实现css3动画？我会非常感谢的！谢谢!

浏览 3提问于2012-02-10得票数 0

回答已采纳

1回答

无法在firefox中设置转换源

css、svg、css-animations、svg-animate

我正在尝试用SVG和CSS3创建一个动画，它在Chrome上运行得很好，但是在火狐上不起作用，我尝试过在transform-origin:中添加-moz-前缀，但是它没有工作。

浏览 3提问于2014-12-07得票数 0

回答已采纳

2回答

仅在火狐中工作的CSS3动画

css、animation、cross-browser、css-transitions、css-animations

我在我的网页中使用了大量的CSS3转换和动画，但是它们只在火狐上工作，而不是在我检查过的其他浏览器中工作，比如Chrome。我使用供应商前缀，但这似乎没有什么区别。这里有一个动画不起作用的例子： -webkit-animation-name: fadeInLeftBig; -moz-animation-name: fadeInLeftBig

浏览 3提问于2014-04-28得票数 1

回答已采纳

1回答

CSS3动画无法在火狐之外工作

css、animation、cross-browser

我希望按钮‘弹出’在悬停，使用CSS3动画。它在Firefox中运行良好，但在所有其他经过测试的浏览器(IE、Opera、Chrome和Safari)中，它无法完成动画。它只在不透明度上进行转换。

浏览 1提问于2014-10-28得票数 0

回答已采纳

2回答

用于Mozilla的WebKit CSS 3

webkit、css、mozilla、opacity

什么是相当于在-moz中

浏览 1提问于2010-03-30得票数 2

回答已采纳

2回答

暂停动画离开:hover状态

animation、css

我目前正在尝试使用CSS3动画，并尝试只使用CSS (根本不使用javascript )来实现全景视图。到目前为止，我得到了一个可以正常工作的演示：源代码：但是我没有完成它，因为当鼠标离开:hover状态时，背景被重置到它的初始位置。我可以在初始状态上添加一个过渡来平滑它，但我希望实现的是在鼠标离开时暂停动画的计算(或视觉)状态，或者如果您愿意，不将其重置为初始状态。我现在写在这里，因为经过一整天的磨洋工，我甚至不能得出结论，如果这真的是可行的CS

浏览 1提问于2011-10-04得票数 4

回答已采纳

1回答

Jquery启用或禁用CSS

jquery、css

我想知道是否有一种方法可以在不覆盖我尝试过的CSS的情况下启用CSS类 $("#navigation").css({"background":"black");它完成了大部分工作，但是我需要启用一个CSS类，这样我就可以用CSS3而不是Jquery来制作动画，因为我尝试的动画最好是用CSS3来完成。

浏览 1提问于2015-12-10得票数 0

1回答

IE10打破了在Webkit和Firefox中工作的CSS3* 3D动画*

internet-explorer、css、css-animations、internet-explorer-10

我在两个div上有一个简单的水平CSS3 3D翻转效果，它在Chrome，Safari和火狐上运行得很好。但是IE10搞砸了，在所有轴上做了一些奇怪的额外动画。我已经追踪到了附加的translateX动画。如果我删除它并只执行rotateY，IE10的行为就像其他浏览器一样。但我不想放弃x轴动画。

浏览 3提问于2012-08-25得票数 4

回答已采纳

点击加载更多