凌的博客

您现在的位置是: 首页 > 前端学习 > HTML+CSS > 

HTML+CSS

加载图片

2022-12-29 HTML+CSS 40
<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>

download.jpg

文章评论

0条评论