首頁 >web前端 >html教學 >创建GIF loading图片_html/css_WEB-ITnose

创建GIF loading图片_html/css_WEB-ITnose

WBOY
WBOY原創
2016-06-24 11:30:331220瀏覽

第一步

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

 

第二步

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

 

第三步

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

 

第四步

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

 

 

第五步

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

 

第六步

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

 

第七步

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

 

 

第八步储存

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

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn