css3实现loading的点点点动画…
css代码:
- .loading{
- min-width:2px;
- min-height:2px;
- display:inline–block;
- box-shadow:
- 2px 0 currentColor ,
- 6px 0 currentColor ,
- 10px 0 currentColor ;
- animation:dot 2.4s infinite steps(1,start);
- }
- @keyframes dot{
- 25%{
- box-shadow:none;
- }
- 50%{
- box-shadow:2px 0 currentColor ;
- }
- 75%{
- box-shadow:2px 0 currentColor,6px 0 currentColor;
- }
- }
下面是具体展示效果: