gpt4 book ai didi

html - 圆形进度条(边框)

转载 作者:行者123 更新时间:2023-11-28 01:02:59 27 4
gpt4 key购买 nike

<分区>

我找到了 this在运球上。

是否可以在 gif 的前 ~3 秒内创建这个圆形进度条(其中进度条是圆圈的外边界)?

到目前为止,我在 jsfiddle 上没有任何动画的圆圈本身

我该如何继续?

HTML:

<div class="circle"></div>

CSS:

body {
background-color: #3a88cd;
padding: 60px;
}

.circle {
width: 60px;
height: 60px;
background: white;
position: relative;
border-radius: 100%;
}

.circle:after {
content: "";
display: block;
position: absolute;
top: -8px;
left: -8px;
bottom: -8px;
right: -8px;
border: 3px solid white;
border-radius: 100%;
}

27 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com