欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  web前端

创建GIF loading图片_html/css_WEB-ITnose

程序员文章站 2022-06-11 10:16:29
...
第一步

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

第二步

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

第三步

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

第四步

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

第五步

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

第六步

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

第七步

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

第八步储存

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