创建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格式储存。
下一篇: php 封存远程图片到本地
推荐阅读
-
GOM Player如何制作gif动态图片?GOM Player创建gif动画教程
-
background-size 设置背景图片的大小_html/css_WEB-ITnose
-
纯CSS3实现图片展示特效_html/css_WEB-ITnose
-
CSS3 实现六边形Div图片展示效果_html/css_WEB-ITnose
-
页面引用小图片问题_html/css_WEB-ITnose
-
像csdn博客文章中图片和文字、代码等的排版是如何在服务器数据库中存储的?_html/css_WEB-ITnose
-
CSS控制显示图片的一部分_html/css_WEB-ITnose
-
js实现图片切换效果_html/css_WEB-ITnose
-
js实现图片切换效果_html/css_WEB-ITnose
-
如何在导航栏添加hot样式图片_html/css_WEB-ITnose