iTakeo

css3实现loading的点点点动画

css3实现loading的点点点动画…

css代码:

  1. .loading{  
  2.     min-width:2px;  
  3.     min-height:2px;  
  4.     display:inlineblock;  
  5.     box-shadow:  
  6.         2px 0 currentColor ,  
  7.         6px 0 currentColor ,  
  8.         10px 0 currentColor ;  
  9.     animation:dot 2.4s infinite steps(1,start);  
  10. }  

  1. @keyframes dot{  
  2.     25%{  
  3.         box-shadow:none;  
  4.     }  
  5.     50%{  
  6.         box-shadow:2px 0 currentColor ;  
  7.     }  
  8.     75%{  
  9.         box-shadow:2px 0 currentColor,6px 0 currentColor;  
  10.     }  
  11. }  

下面是具体展示效果:


2015/07/08 0 /
未分类
/
标签:  暂无标签

验证码: 3 + 1 =

回到顶部