一 、gif图片
gif图就直接贴上图片就好了,使用非常简单,但gif图有时出现问题是没办法控制的,比如常见的gif图的闪烁现象。
二 、svg
svg动画由svg元素内部的元素属性控制,一般通过一下几个元素控制:
用于控制动画延时
对属性的连续改变进行控制
颜色变化,但用就能控制
控制如缩放、旋转等几何变化
控制svg内元素的移动路径
三 、css animation
animation 算是真正意义上的css3动画。通过对关键帧和循环次数的控制,页面标签元素会根据设定好的样式改变进行平滑过渡。而且关键帧状态的控制是通过百分比来控制的。
四 、css3 transition
transition是过度动画。但是transition并不能实现独立的动画,只能在某个标签元素样式或状态改变时进行平滑的动画效果过渡,而不是马上改变。
五 、requestanimationframe
requestanimationframe是另一种web api,原理与settimeout和setinterval类似,都是通过javascript持续循环的方法调用来触发动画动作。但是requestanimationframe是浏览器针对动画专门优化形成的api
六 、canvas
setinterval或settimeout
javascript 函数来持续调用改变某个元素的css样式以达到元素样式变化的效果
七 、three.js
网站优化中的内容优化因素简述网站排名产生波动是什么原因?浅析VPS、物理服务器、虚拟主机、云服务器四者之间的区别怎么选一个好的网站建设公司外贸网站推广优化中外贸人员必懂的方法,询盘必备!改善网站友好度的一些实用方法企业网站建设之网页布局有哪些?怎么优化网站关键词?