菜单切换
FACESOHO知行者
心灵
记录
远方
赞赏工具
源代码：
点击运行
保存
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> </head> <body> <style> .loader { border:16px solid #f3f3f3; border-radius:50%; border-top:16px solid blue; border-right:16px solid green; border-bottom:16px solid red; width:120px; height:120px; -webkit-animation:spin 2s linear infinite; animation:spin 2s linear infinite; } @-webkit-keyframes spin { 0% { -webkit-transform:rotate(0deg); } 100% { -webkit-transform:rotate(360deg); } } @keyframes spin { 0% { transform:rotate(0deg); } 100% { transform:rotate(360deg); } } </style> <h2>加载样式</h2> <p><strong>注意:</strong> -webkit- 和 -ms- 前缀用于那些不支持 animation 和 transform 属性的浏览器 </p> <div class="loader"></div> </body> </html>
运行结果