加载图片
2022-12-29 HTML+CSS 831
<svg width="40" height="40" viewBox="0 0 64 64" class="dls-loading one-loading-loading-icon"><circle stroke-width="6" stroke-linecap="round" stroke="currentColor" fill="none" r="29" cy="50%" cx="50%"></circle><style>.dls-loading circle{stroke-dasharray:182.21;animation:dls-495fa-chase 2s linear infinite;transform-origin:50% 50%}@keyframes dls-495fa-chase{0%{stroke-dashoffset:163.99;transform:rotate(-90deg)}60%{stroke-dashoffset:27.33;transform:rotate(180deg)}to{stroke-dashoffset:163.99;transform:rotate(630deg)}}@keyframes dls-495fa-spin{0%{transform:rotate(0)}to{transform:rotate(1turn)}}.dls-loading,_:-ms-lang(x){animation:dls-495fa-spin 1s linear infinite}.dls-loading circle,_:-ms-lang(x){stroke-dashoffset:136.66}</style></svg>
很赞哦! (0)
相关文章
文章评论
-
-
-
0条评论