> 웹 프론트엔드 > HTML 튜토리얼 > 创建GIF loading图片_html/css_WEB-ITnose

创建GIF loading图片_html/css_WEB-ITnose

WBOY
풀어 주다: 2016-06-24 11:30:33
원래의
1215명이 탐색했습니다.

第一步

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

 

第二步

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

 

第三步

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

 

第四步

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

 

 

第五步

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

 

第六步

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

 

第七步

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

 

 

第八步储存

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

관련 라벨:
원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿