css3rotate旋转和加载gif图片两种方式在性能上有什么差异

html-css032

css3rotate旋转和加载gif图片两种方式在性能上有什么差异,第1张

①：用css3rotate旋转的话，可以随时修改动画的背景色和旋转速度等，而gif只能重新修改图片再导出，但是有个缺点就是只有safari可以很好地支持，chrome下支持不是很好；

②：在比较复杂的动画，css3rotate需要通过控制多张图片，此时的代码量会很大，而是用gif图的话则不需要过多的代码；

③：在兼容性方面：css3只有高级版本的浏览器才兼容，而gif几乎所有浏览器都能够兼容。

网页中使用gif动态图时，部分IE浏览器会出现动画不流畅的效果，体验很不好。故可以考虑使用CSS3 animation来控制动画播放，避免使用gif动态图。其实际原理为，把动态图拼接成当行排列的雪碧图，通过CSS3 animation控制雪碧图的移动速度，进而模拟gif的图片播放效果。