用 CSS 写加载动画,好看又高效!!!
上海钢琴师i:
刚把这个demo敲完,总结一下
----------
实现思路:
1.利用svg绘制一个圆形;
2.圆形填充色设置为空,描边形成圆环效果;
3.将描边设置为虚线,虚线每段的长度要大于圆形周长的四分之一(基本效果实现);
4.添加旋转动画,无限循环
-------------------
针对我自己做一些知识点补充:
1. flex-direction 指定flex容器中,主轴的方向
row:主轴从左到右
flex相关知识点学习可查看:http://static.vgee.cn/static/index.html
2.stroke-dasharray: 100;
创建虚线,设置的值为虚线的每一段的长度,单位应该是px
【回复】总结是个好习惯 [点赞][点赞][点赞]
罐裝咖啡:
up加油,我刚入门HTML,也给自己加个油[打call]
好好学习-天天向上2024:
live server这个插件不错,收下了[吃瓜][吃瓜][吃瓜]
【回复】这个插件有时候会造成一些奇怪的bug,挺蛋疼的
大头爱咬人:
感觉要复习复习了,很久不打代码了,给up主点赞哦
晓空ちゃん:
我一个PHP的渣表示脱离了MDUI框架啥UI都写不出来[笑哭]
css真的是个恐怖的玩意[吃瓜]
up加油[doge]学习了[吃瓜]
【回复】回复 @Microgoople :嗯,我会继续学下去的[吃瓜]
(虽然很多css都不知道是什么意思= =)
梦羽精灵:
对啊,是什么给了他勇气,这次白嫖,下次一定
【回复】回复 @梦羽精灵 :(苦笑)(=・ω・=)
要自信丶:
upup能不能看一下我的视频,教我一下那个网站的音乐怎么添加或者修改已有的
CSS 动画 HTML 前端 加载 加载动画 Loading 学习心得