css3加载效果,纯css实现加载动画效果
html:
<div class="loading"></div>
style:
.loading{ width: 32px;height: 32px;display: inline-block;border-radius: 100%;margin: 20px;border: 3px solid #666;border-bottom-color: transparent; animation: rotate 0.75s linear infinite; } @keyframes rotate{ 0%{transform: rotate(0deg);} 50%{transform: rotate(180deg);} 100%{transform: rotate(360deg);} }
本文作者: Jasmine
本文链接: https://www.jianbaizhan.com/article/556
版权声明: 本博客所有文章除特别声明外,均采用 CC BY-NC-SA 3.0 许可协议。转载请注明出处!