简单的css动画在Safari中不流畅

文章/答案/技术大牛

发布

1回答

html、css、safari、css-transitions

我在Safari的一个网站上有一个奇怪的行为。我想扩展一个菜单从高度0px到高度100%与css过渡。这在Firefox、Chrome和Edge中都能正常工作。然而，在Safari中，总是有一个断点，动画会在很短的一段时间内停止，从而导致动画滞后。我检查了没有元素在相同的z-index上。我在主页上找到了一个“修复”，这是由css中的一条注释指示的，但这不会改变任何事情。脚本<em

浏览 36提问于2019-02-21得票数 7

回答已采纳

1回答

放大效果不会使jquery平滑

jquery

放大动画在css版本中非常流畅，但在我的jquery版本中却不是这样。height:'+=70px', left: '-=40px'要查看不平滑的放大效果：我添加了缓动参数，值为线性，但没有任何变化。我可以做什么来使动画流畅？谢谢。

浏览 3提问于2012-01-03得票数 1

回答已采纳

1回答

CSS动画在Chrome上不平滑(iOS)

javascript、html、css

我有一个问题的CSS动画在Chrome浏览器上，在iOS设备上。动画正在捕捉到位，并且不平滑。在Safari、Firefox或桌面Chrome上，一切都运行得很好。这是一个简单的例子，它在iOS版的Chrome上是滞后的： .test { height: 50px; transition100px; transform: t

浏览 37提问于2019-05-16得票数 4

1回答

CSS动画在chrome中有效，但在firefox和Safari中不起作用

html、css、firefox、safari

我在firefox和safari中遇到了这个动画问题。动画在chrome中工作。我试过使用-Moz- and -WebKit供应商前缀，但是firefox和safari已经支持动画了。CSS： .vision-div { width: 100%;} .vision-grid-div {

浏览 61提问于2021-08-30得票数 1

3回答

简单的css3动画在safari和iPad UIWebView上并不流畅

ios、css

我正在尝试使用css3动画移动文本块。safari和iPad UIWebview上的动画并不流畅。这是。有没有办法让它变得更顺畅？当我为图像设置动画时，它会更加明显。我使用了不同的计时函数，但仍然不流畅。<html> <

浏览 5提问于2011-09-09得票数 1

3回答

CSS动画在Safari中不工作

css、safari、css-animations

我有一些CSS3动画，它在除safari之外的所有支持CSS3的浏览器中都能很好地工作。很奇怪不是吗？好的，这是我的代码：提前谢谢。CSS： 0% {transform:rotate(0deg);} 90%

浏览 4提问于2016-06-29得票数 2

回答已采纳

2回答

iPhone 4上的颠簸CSS3动画

animation、css

我有一个非常简单(或者至少我认为是)的动画。我要做的动画是-webkit-background-size。95% { -webkit-background-size:95% 95%; }} 它在桌面上的Safari中运行得很好，但在iPhone上，动画效果非常不稳定。这很奇怪，因为我在我的iPhone上看到了很多CSS动画的演示，运行起来

浏览 0提问于2011-04-09得票数 3

回答已采纳

3回答

使用CSS3动画时，iPad 2的性能是否比iPad 1更好？

ios、ipad、html、css、hardware-acceleration

在iPad 1上使用HTML5和CSS3应用程序进行开发后，我们对CSS3动画/过渡/变换(硬件加速)的性能感到失望。我们希望iPad 2能带来更多的动力，并在这方面表现得更好。但事实真的是这样吗？我们不能使用iPad 2，并且听说iPad 2在处理CSS3动画/过渡/变换方面仍然存在问题，速度慢，不可靠。有没有人能说明这一点？

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

回答已采纳

1回答

Chrome & Safari setInterval工作慢(1Hz和2Hz)在活动标签上

jquery、google-chrome、animation、safari、setinterval

我的动画更新背景位置属性。当前的背景位置是由一个函数计算的，该函数应该每秒发射100次，以产生平稳运动的错觉。我的代码在Firefox 4/8和更高版本/

浏览 1提问于2011-11-28得票数 0

1回答

jQuery动画在Windows上的Safari中不流畅

jquery、windows-7、safari、jquery-animate

我有一个jQuery动画，可以在除Safari (仅在Windows7上测试)以外的所有浏览器中流畅地渲染。setInterval(function() { animateLoops(nextObstacle,direction

浏览 0提问于2012-04-17得票数 0

回答已采纳

3回答

铬的径向css梯度平滑度

google-chrome、css、safari

颜色和alpha的过渡是分块的，并不平滑。这在Safari和Firefox中是不同的。Safari和Firefox做得非常流畅和出色请查看：，了解我的意思。(好的，看看

浏览 2提问于2012-04-15得票数 11

回答已采纳

2回答

css @keyframes动画在Safari for Windows中不工作

windows、css、safari、css-animations

这可以通过更改父容器(#moduleCarousel_12)的类名来设置。在Chrome中，这个功能很好。然而，在Safari ( Win)中：只有当父类的类名中还有“幻灯片左边”时，淡出才能起作用。这很奇怪，因为它只添加了第二个动画(左定位)。.淡出；} .moduleCarousel.slide.left.fade > div.active {-webkit-动画名称:幻灯片-左，淡出；动画-名称:幻灯片-左，淡入；} /* Chrome，<e

浏览 6提问于2014-09-22得票数 2

回答已采纳

1回答

Safari中的SVG动画:不支持翻译操作

svg、safari、css-animations

考虑一下这个简单的SVG文档：例如，使用完全相同的CSS并将它们应用到<p>文档中，动画在</e

浏览 4提问于2017-02-24得票数 0

2回答

基于Linux的WebKit动画性能优化

c++、css、linux、webkit、gtk

如何优化编译后的WebKit浏览器以最大限度地利用GPU？我和我的团队正在配置一个Linux盒(CentOS)，以显示带有流畅的CSS驱动动画的全屏幕HTML。该盒有超过足够的GPU和CPU的能力，并能够轻松地播放这些动画在铬。在这两个“纯”的

浏览 2提问于2018-01-30得票数 28

回答已采纳

1回答

在某些浏览器中，Html画布绘制在元素的顶部，但在其他浏览器中则不是

html、canvas、z-index

我有一个问题，在我目前的网站，我正在尝试添加一个简单的动画使用HTML画布。我已经在这个画布上放置了其他图像。它在几个浏览器中都工作得很好，但是在Safari和Chrome中，画布被画在图片上，我不希望它被画在上面，我也不确定为什么。我尝试过搜索信息和处理z-index，但我不知道为什么这两个浏览器的绘制顺序不同，也不知道如何修复它。有没有人遇到过类似的问题？

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

回答已采纳

1回答

与其他浏览器相比，Safari上的CSS过渡是不稳定的

javascript、css、safari、onclick、transitions

我真的很难在Safari中创建流畅的CSS过渡。我试图通过一个JavaScript onclick事件改变它们的高度来隐藏/显示div。使用Chrome、Firefox和Edge生成的过渡效果很好、很流畅。然而，在Safari中，它看起来很糟糕，渲染时必须在15fps左右。这里有一个基本的JSFiddle：谢谢。

浏览 5提问于2016-10-28得票数 4

1回答

CSS3 SVG动画在Safari中不工作

css、browser、svg、safari、css-animations

我试图用CSS动画来动画一个SVG。 Chrome做得非常好，但在Safari中，一些动画在各州之间跳跃。我不知道是什么原因造成的。

浏览 2提问于2015-03-10得票数 1

3回答

加速javascript库

javascript、jquery、html

我有一个简单的javascript库，当我有3或4个以上的图片时，它的运行速度很慢。不要混淆，我的意思不是说它会慢慢地转到下一张图像，我的意思是当它转到下一张图像时，它是锯齿状的，不平滑。有没有办法让代码更优化，让代码更流畅？或者是javascript中更快的函数？我不知道该找什么，因为我最近才开始研究javascript。我已经把所有的图片都压缩到了300kb以下。({'z-index': 9

浏览 0提问于2013-07-10得票数 0

回答已采纳

6回答

使用CSS动画比使用jQuery动画有什么优势吗？(性能或其他)

jquery、css

我的意思是，CSS动画很酷，但CSS3兼容是恼人的不标准。但是，忽略浏览器的所有问题以及它们无法与最新的W3C保持同步，为什么要实施它们？

浏览 3提问于2011-10-29得票数 7

回答已采纳

1回答

Firefox6的平滑CSS3过渡问题

javascript、jquery、animation、css

好的，我最初的问题是把一个元素从左移到右。我选择的框架是jQuery，所以我使用了动画。在firefox中，在动画过程中，同一位置大约有3个“暂停”。在Chrome中，这些不会出现。在同样的地方，我得到了完全相同的“停顿”。我假设jQuery将这些转换抽象出来，所以在现实中是相同的代码。所

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

点击加载更多