Site Notice

hello, world

Svg loading

From Project-EPB Commons
Revision as of 13:16, 3 December 2019 by 机智的小鱼君 (talk | contribs) ([InPageEdit] 没有编辑摘要)

<html> <svg xmlns="http://www.w3.org/2000/svg" version="1.1" class="svgspinner" height="45px" width="45px"> <g class="spingroup" transform="translate(22.5,22.5)"> <circle class="spincircle" r="20" stroke-width="5" stroke="#088488" fill="none"></circle> </g> <style>.svgspinner .spincircle {

 animation: loading-round 1.2s infinite linear, loading-dash 3s infinite linear;
 stroke-dasharray: 126;
 stroke-linecap: round;

} @keyframes loading-round {

 0% {
   transform: rotate(0deg);
 }
 100% {
   transform: rotate(720deg);
 }

} @keyframes loading-dash {

 0% {
   stroke-dashoffset: 126;
 }
 50% {
   stroke-dashoffset: 0;
 }
 100% {
   stroke-dashoffset: 126;
 }

}</style> </svg> </html>