css - 加载中...的动画

html

		<b>加载中</b>
		<a href=""><span>. .. ...</span></a>

css

                       a {
				text-decoration: none;
				display: inline-block;
				width: 12px;
				height: 12px;
				line-height: 12px;
				overflow: hidden;
			}
			
			a span {
				display: inline-block;
				animation: dot 3s infinite step-start;
			}
			
			@keyframes dot {
				33% {
					transform: translateY(-1px);
				}
				66% {
					transform: translateY(-13px);
				}
				100% {
					transform: translateY(-25px);
				}
			}