一 、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
seo关键词优化:网站历史快照查询方式79小说网站链接制作app(如何制作视频网站链接)企业网站优化如何盈利网站栏目页设计并不简单得慎重考虑专业网站制作需要针对网页布局做分析原创文章对于SEO有哪些作用?网站建设需要做好哪些方面呢?中小企业建设网站可以带来一些什么好处