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 许可协议。转载请注明出处！