为什么我给一个div加上css3动画后,在手机上运行很卡?

也不是什么很长的代码,就几句。。。麻烦大S帮我看看。。。3Q。。

div {-webkit-animation:love 1.5s ease 0s infinite; -webkit-transform-origin:center center;}
@-webkit-keyframes love
{
0%{top:0%}
100%{ top: -60%; -webkit-transform: scale(0.5,0.5); opacity: 0;}
}
不是手机的问题。。我手机是4核+1g内存的。。。不可能连运行个简单的动画也不行吧???

第1个回答  2014-11-08
就是手机的问题,4核+1G又不代表会绝对快
第2个回答  2014-11-09
个人觉得可能是浏览器问题,你可以换一个试试,既然是webkit内核,那么建议使用chrome测试。本回答被提问者和网友采纳

如何解决css3动画在安卓机上卡顿现象
}.top-info{width: 100%;position: absolute;left: 0;top: 93px;}.wec-img{width: 175px;height: 175px;position: relative;padding: 23px;box-sizing: border-box;margin: 0 auto;}.wec-img:before{content: '';position: absolute;left: 0;top: 0;width: 100%;...

手机上的css3动画为什么不动
你好,这个问题应该是css兼容性问题导致的。目前绝大部分移动浏览器还不支持animation这个属性,而是支持-webkit-animation(这类加前缀的)属性,在问题中:.ih { background: #000; opacity:.3;width: 90%; height: 25%; margin-left:-45%; position: absolute;bottom: 120px;left:50%; anim...

如何使用CSS3的Animations实现平滑的页面加载
在页面加载时播放动画的问题在于许多资源(包括操纵DOM的图像和脚本)导致浏览器重新绘制\/重新布局。这在尝试播放动画时与浏览器资源竞争,导致丢帧。(推荐教程:css3视频教程)一种解决方法是延迟动画的开始以允许在播放动画之前绘制页面。通常在页面上引入\/显示元素时,元素将被隐藏(不透明度:0),并且...

有谁知道用手机网页中(css+div)这种代码和电脑中编写的网页代码区别吗...
对于div和css来说 应用于电脑端还是手机端都是一样的,因为现在的手机浏览器都支持;它们的区别在于(但是不完全在于)判断浏览器类型,然后加载不同的css文件来改变页面外观,以适应不同的设备,达到完美显示效果;最新的html5和css3增加了一些新的特征,以更好的改善用户体验;...

css3 两个动画衔接播放
1. 将第二个的延迟时间(animation-delay) 设置成第一个的持续时间( animation-duration )2. 多个动画应用时用逗号分隔开,如下图:

CSS3 animation动画,循环间的延时执行该怎么弄
1、@keyframes规则。from{属性:值;} to{属性:值;}。2、0%{属性:值;} 100%{属性:值;}0% 是动画的开始,100% 是动画的完成。可以在二者之间加入25%,50%等。3、将动画绑定到选择器:在样式中,设置动画属性animation,自定义动画名称和时长。4、规定动画开始时的等待时间:animation-delay...

css3动画属性有哪些
3、animation-timing-function属性animation-timing-function属性是用来设置播放方式的,它可以指定定时函数,该函数定义动画对象随时间的速度。它描述了动画在其持续时间的一个周期内如何进展,允许它在其过程中改变速度。取值如下:ease:缓解效果,等同于cubic-bezier(0.25,0.1,0.25,1.0)函数,既立方...

怎样使CSS3中的animation动画当每滑到一屏时每次都运行
<div id="a3"><\/div> \/\/引入jQuery.js <script> var t1=$("#a1").offset().top;var t1=$("#a2").offset().top;var t1=$("#a3").offset().top;(window).scroll(function(){ var top=$(window).scrollTop();if(top>t1&&top<t2){ ("#a1").addClass("an1");} if(top>...

css3圆环旋转效果动画怎么做
1、首先新建一个html空白文档,取名字叫做css3动画,保存一下。2、然后写html结构,只需要一个div元素即可,class名字叫做img 3、设置其边框为不同的颜色,边框宽度设置成100px。4、因为是圆环,所以我们用到了css3的圆角效果,设置圆角为50%,也就是border-radius:50%,看一下效果。5、接下来就是...

css3动画播放后如何停止在最后的状态
1、首先,准备好HTML前期工作以及对DIV的一个简单设置。2、然后,新建keyframes元素,命名为myFirst。3、然后,可以在设置百分比,不仅仅只能设置4个,大家可以根据需求设置。4、这时候,可以为他写上各种百分比的颜色。5、此时,就能编写Animation属性对属性值的引用。6、为了开考虑兼容性问题,可以多写几...

相似回答