创建GIF loading图片_html/css_WEB-ITnose

第一步

新建一个宽80PX 高10PX的文档

 

第二步

做8个宽8PX的方格 黄色色值#e7a521 红色色值#ff0000（可根据自己的喜好设定）

 

第三步

复制7个层（共8个图层）每个图层相应改变红色框的位置

 

第四步

打开窗口>>时间轴创建帧动画

 

 

第五步

点击新建按钮，新建8个针，时间改为0.1秒

 

第六步

点击时间轴第一个然后让图层1显示，其他图层隐藏，点击时间轴第二个让图层2显示，其他图层隐藏……依次类推！

 

第七步

大功告成，就是这么简单，点击运行可以看效果

 

 

第八步储存

文件>储存为WEB所用格式，选择GIF格式储存。