js基本数据类型 如何用css3绘制一个圆的loading转圈动画？

如何用css3绘制一个圆的loading转圈动画？

打开软件，新建300*300的画布，分辨率为72，画布颜色选择为白色

2

在左侧矢量工具中，提供许多造型，选择“面圈形”

3

在画布中画一个200*200的造型，大小可在下方的属性面板里调整

4

鼠标点击造型，点击其中的黄点可以进行调节造型，如图所示

END

渐变效果

1

在下方的属性栏中选择添加渐变效果，这里使用“线性”渐变，左侧颜色填充为白色

2

可以进行适当的调整，可以适当的调整渐变中的透明度，如图所示

3

再绘制一个小圆，当做面圈头，如图所示，为的是转动起来有效果

END

动画效果

1

在菜单栏中选择“修改”-->“动画”-->"选择动画"

2

在“选择动画”中进行设置，点击“确定”，这里选择建立20个状态，这个动画效果就做好了

END

保存GIF

1

点击“文件”菜单中的“图像预览”

2

在格式里选择GIF动画，点击导出，loading动画就做好了

js基本数据类型 vue性能优化 css实现加载动画

版权声明：本文内容由互联网用户自发贡献，本站不承担相关法律责任.如有侵权/违法内容,本站将立刻删除。