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

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

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

2

在左边的矢量工具中，可以提供多种形状，选择“面圆形状”

3

在画布中绘制一个200*200的形状，大小可以在下属性面板中调整

4

鼠标标记点击形状，点击黄点调整形状，如图

结束

渐变效果

1

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

2

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

3

画一个小圆圈，作为甜甜圈的头部，如图所示，为了有效地旋转

结束

动画效果

1

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

2

在“选择动画”中设置，单击“确定”，在这里选择20种状态，选择动画动画效果将完成

结束

保存GIF

1

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

2

选择GIF动画的格式，点击导出，加载动画将完成

需要掌握HTML、CSS、JavaScript、jQuery。

loading转圈css3效果 css设置圆形 js loading

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