css3加载效果,纯css实现加载动画效果

作者:Jasmine - 2017年06月16日

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


 请勿发布不友善或者负能量的内容。审查将对发布广告等违规信息进行处罚!