html+css3实现简单加载动画,loading实现

通过css3实现loading动画,主要用到的属性:
@keyframes :用于定义动画
animation:用于使用动画

animation属性描述

描述
animation-name 规定需要绑定到选择器的 keyframe 名称。。
animation-duration 规定完成动画所花费的时间,以秒或毫秒计。
animation-timing-function 规定动画的速度曲线。
animation-delay 规定在动画开始之前的延迟。
animation-iteration-count 规定动画应该播放的次数。
animation-direction 规定是否应该轮流反向播放动画。

源码如下:





    
    
    
    loading...
    



    



你可能感兴趣的:(css3,Html,动画)