iPad上带有动画问题的CSS3按钮

文章/答案/技术大牛

发布

2回答

html、css、animation

我有一个汉堡图标，像这样-当点击它时，它只使用CSS3 ()就变成了一个"X“。但我的客户看到了类似这样的东西(只在iPad上)：我的问题是：

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

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回答

我怎样才能阻止flexslider幻灯片在iPad上因为照片太多而崩溃？

jquery、ipad、memory、slideshow、flexslider

我有一个关于Flexslider的问题，在iPad上它似乎因为太多的图像而崩溃，因为如果我减少图像的数量，它运行得很好。您可以在以下网址查看幻灯片：谢谢

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

1回答

Css动画未在iPad Safari上运行

css、ipad、animation、safari

我有一个小问题，我的客户不会接受。以下是该网站：提前谢谢你。

浏览 3提问于2015-09-08得票数 1

1回答

通过用于iPad优化的jQuery加速图像动画

javascript、jquery、performance、web-applications

我想知道如何才能加快图片在网站中的移动速度。这个网站应该是尽可能快的iPad和目前的图像移动不是很流畅。(在iPad3和iPhone 5上进行了测试)<div id="slide1" class="slides"></div&

浏览 0提问于2013-02-23得票数 0

回答已采纳

1回答

ipad: jquery动画在屏幕键盘上滞后

jquery、ipad、jquery-animate

这个应用程序包括一些我用jquery.animate()编写的奇特的分页翻页效果，一般来说，它的效果非常好，速度也很快。我在ipad上遇到的问题是:当用户点击文本区域/输入文本字段时，屏幕上的键盘就会出现，页面翻转效果就像地狱一样迟钝。当我点击其他地方的时候--屏幕上的键盘消失了--动画仍然滞后，哈。

浏览 0提问于2010-09-08得票数 0

1回答

WebKit (iPad) CSS3:背景跃迁闪烁

ipad、css、background、transition、flicker

在Safari / WebKit中，特别是在iPad上，通过WebKit动画来改变背景颜色有问题。但是在动画中有非常奇怪的方块，你可以看到它。$('#bgWrapper').css(&#x

浏览 3提问于2013-02-01得票数 0

1回答

使用CSS3检查瓦片的匹配游戏

html、css、webkit

我开发了一个使用HTML5和CSS3的游戏。这是一个预览：如何将动画设置为onClick事件

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

回答已采纳

1回答

如何在iPad/iPhone上提高网站性能？

jquery、android、iphone、performance、ipad

一般来说，计算机动画的工作非常流畅。然而，在iPad上，1920x1200px图像的淡入(不透明度在0.5秒内从0到1)这样的jQuery动画似乎有一点滞后。我还想说，在较旧的iPhones上，它要滞后得多。更新:答案是CSS3<

浏览 0提问于2011-12-01得票数 5

回答已采纳

2回答

CSS动画仅在iPad上崩溃

css、ios、mobile-safari、css-animations

我的网站在iPad和iPad上的Safari中崩溃。我正在用css3动画制作一个大的图片(4800 x 374px，虽然只有336kb)。大约十秒钟后，这会导致Safari崩溃。我可以让动画运行得更流畅吗？现在已经非常参差不齐了。

浏览 0提问于2012-08-07得票数 5

回答已采纳

1回答

jQuery:使用CSS3而不是JavaScript制作动画

javascript、jquery、ipad、animation、css

我正在转换一个基于jQuery的web应用程序，以便在iPad上使用，并且需要利用CSS3动画的硬件加速性能。我已经在使用fadeIn，fadeOut和一些定位动画，所以理想情况下，我想要一个插件，它可以覆盖这些函数，以便在不改变核心功能的情况下使用CSS3。我到处寻找，但没有找到解决这个问题的人，所以我正在考虑自己写一个插件，但我想确定其他人还没有做过。任何反馈都将非常感谢！

浏览 0提问于2011-03-24得票数 7

回答已采纳

2回答

jQuery动画在所有的浏览器中都是非常不稳定的- div与jpg同时上移和淡入。

javascript、jquery、jquery-animate、fade、fadeto

或者这就是最好的结果了吗？我尝试过使用script.aculo.us，但是第一张图片的淡入和动画效果仍然不稳定。我已经在谷歌浏览器、Safari和iPad 1(在iPad 1上非常断断续续)上进行了测试。其他元素可以淡入，但第一个图像fadeTo和动画是相当不可接受的。也许是因为它移动的div是隐藏的？这是我做的的jsFiddle任何帮助都将不胜感激！谢谢!

浏览 7提问于2012-02-25得票数 3

2回答

iphone/ipad大画布vs小画布+ div动画

javascript、iphone、html、performance、canvas

既然我手头上没有这些设备可以测试，那么在iphone/ipad上哪种方法会更快呢？一个大画布(覆盖在相同大小的bg上)，它被清除，并在每个帧的特定位置绘制新的像素数据更新每个帧的小画布，包含在跨背景设置动画的div中

浏览 1提问于2010-09-28得票数 2

回答已采纳

2回答

动画: CSS3还是GIF？

performance、ipad、animation、client-side

我正在开发一个可以在iPad 1上运行的客户端web应用程序。我应该使用CSS3动画还是简单的GIF动画？哪一个更快？

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

回答已采纳

1回答

将HTMl5应用程序迁移到ipad时需要注意什么？

jquery、ipad、html、css、svg

我有一个HTML5应用程序，它有一些javascript动画(一个运行时钟)，SVG动画(这主要是由Javascript控制)以及一些视频播放。我想在ipad上运行这个应用程序，从最初的测试来看，它非常慢(抖动和内容缺失)。提亚 JD

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

1回答

CSS3动画:不活动，活动和附加的‘结束’状态？

css、hover、state、css-animations

我有一个按钮的动画背景悬停。它从左到右填充有颜色的背景，但是目前在鼠标上它反转动画；颜色向左收缩，然后消失。在鼠标出来的时候，我希望填充继续从左向右移动，这样它就会消失在右边的按钮上。有什么想法吗？在这里的“访问网站”按钮上可以看到这样的例子：理想情况下，希望使用CSS3动画来实现这一点，但是我觉得css3

浏览 1提问于2014-05-22得票数 0

回答已采纳

2回答

如何检测图像对象是否正在显示？

javascript、image、object、ready、loaded

当我在用于大图像的DOM中加载图像对象时，这将使iPad上的显示冻结一段时间。出于测试目的，让GIF动画加载器旋转并将大图像添加到DOM，当图像被加载并添加到DOM时，您将注意到GIF动画将冻结，直到图像被显示。此冻结将足以禁用其上的CSS3动画效果。有没有类似这样的东西image.ready = function() { alert('

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

回答已采纳

6回答

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

jquery、css

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

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

回答已采纳

2回答

有没有任何方法可以使用纯Javascript/Jquery旋转SVG元素而不使用CSS3 transfrom。实际上，我试图用{ transform: rotate(45deg)}和动画化SVG，它在Chrome和Mozilla上运行得很好，但在IE transform:rotate(90deg)上，-ms-transfrom所以，我在用JS搜索一些替代的东西。找到这个jqueryrotate.com插件，但是，这似乎是使用CSS3动画旋转

浏览 4提问于2016-05-21得票数 0

回答已采纳

1回答

3D变换(translate3D)似乎会导致移动设备上的jQuery动画速度缓慢

jquery、css、css-transitions、translate3d

在触控设备上，更具体地说，在iPhone上，它会导致同一页面上单独的jQuery动画执行缓慢，几乎就像动画时闪动一样。有没有人能说明这个问题？如果它有任何相关性，我使用的是SASS： @include transform( translate3d(-100%, 0, 0) );scale3d(0.9, 0.9, 0.9) ); @include transform-origin( 50% 0

浏览 2提问于2013-05-02得票数 1

回答已采纳

点击加载更多