加载中动画
利用的是邊框切圓 <style> .box { width: 80px; height: 60px; margin: 200px; padding: 80px 150px; position: relative; } .box div { width: 80px; height: 80px; border-radius: 50%; /*background: blue;*/ border: 5px solid rgba(255, 255, 255, 0.5); position: absolute; border-top: 5px solid rgba(255, 255, 255, 1); animation: rotate 1.3s infinite; } @keyframes rotate { from { transform: rotate(0deg); } to { transform: rotate(360deg);} } </style> </head> <body> <div class="box"> <div class="div1"></div> </div> </body>
轉載于:https://www.cnblogs.com/adialike/p/6401022.html
創作挑戰賽新人創作獎勵來咯，堅持創作打卡瓜分現金大獎總結
- 上一篇： 利用ajaxSubmit()提交表单后，
- 下一篇： kk 服务器信息,手机kk服务器设置