Site Notice

hello, world

Svg loading

From Project-EPB Commons
Revision as of 21:04, 5 December 2019 by 机智的小鱼君 (talk | contribs) ([InPageEdit] 没有编辑摘要 (编辑自Special:Diff/1622))

<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" />
 </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>