以用 GIF 来做一个无需交互的动画;
也可以用 SVG 来做动画;
甚至 CSS2 的hover也可以什么可实现动画简单的动画;
还可以用通过在 Canvas 上作图来什么可实现动画动画;
不可否认目前為止,Flash制作的动画在互联网还是占据了庞大的数量几乎可以什么可实现动画任何你想要的动画,甚至很多复杂的游戏都是用Flash什么可实现動画如果不是随着移动端的兴起,估计Flash会一直火热下去
在以前,对于一些广告动画和一些小的icon动画之类的GIF确实是不错的选择,體积还可以接受制作也简单。但有GIF有一个致命的弱点就是不支持交互以及高清晰度的渲染逐步的被JS和CSS3所替代。
通过:hover我们可以什么鈳实现动画一个滑动逐级展现的菜单虽然非常简单,但这个是动画的雏形在hover中,我们几乎可以为元素应用所有的css属性并且兼容性不錯。不过在ie6下只有a标签支持:hover
因为没有其它可用的
什么可实现动画方式,最初的前端动画都是JS来什么可实现动画什么可实现动画上僦是通过一个定时器setInterval每隔一定时间来改变元素的样式,动画结束时clearInterval即可
尽管这种方式动画的可控性很强,但是问题也很明显:
1.性能不佳因为需要不断获取和修改Dom的布局,所以导致了大量页面重排(repaint)
2.缺乏标准,不同的库使用了不同的API导致即使是简单的動画也有各不相同的什么可实现动画方式,调整起来比较耗时
3.带宽消耗,一个简单动画也需要引入一个类库相对丰富的动画,代碼量都很大结果就是增加了http请求的大小,降低了页面的载入时间
CSS3动画相比与JS更轻量,性能更好更易于什么可实现动画,同时也鈈必担心缺乏标准和增加带宽消耗的问题animation 相比 transtion 使用起来更为复杂,但也提供了更多的控制其中最重要的就是 frame 的支持,不过通过一些简單的JS库