一 、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
制作网站要注意三点,实现商业价值如何做到建设免费网站呢?【图解】带宽连接651错误代码怎么解决浅谈企业网站站群式的优化方式怎么建网站,个人或企业网页制作,四个要点不可少网站制作中如何突出企业特色服务器硬件架构、产品和管理指南在建站设计中我们应合理使用色彩规范