CSS code:
. dotting{Display: Inline-block;Min-width:2pxMin-height:2pxBox-shadow:2PX 0 CurrentColor,6PX 0 CurrentColor,10PX 0 currentcolor;-webkit-animation: Dot 4s infinite step-start both;Animation: Dot 4s infinite step-start both; *Zoom: expression (this.innerhtml =‘...‘);/* IE7*/}. dotting: Before{Content:‘...‘;}/* IE8*/. Dotting:: Before{Content:‘‘;}: Root. dotting{Margin-right:8px}/* IE9+,FF,CH,OP,SF*/@-webkit-keyframes Dot{25%{Box-shadow: none;}50%{Box-shadow:2PX 0 currentcolor;}75%{Box-shadow:2PX 0 CurrentColor,6PX 0 currentcolor;}}@keyframes Dot{25% { Box-shadow: none; } % { Box-shadow: 2px 0 currentcolor; } % { Box-shadow: 2px 0 currentcolor, 6px 0 currentcolor; }}< /c4>
HTML code:
<AHref= "Javascript:" Class= "Grebtn "> order submission <span class=" Dotting></ span> </a >
Progressive implementation point point Loading Effect Instance page