CSS代码: dot { display: inline-block; height: 1em; line-height: 1; vertical-align: -.25em; overflow: hidden; } dot::before { display: block; content: '...\A..\A.'; white-space: pre-wrap; animation: dot 3s infinite step-start both; } @keyframes dot { 33% { transform: translateY(-2em); } 66% { transform: translateY(-1em); } } HTML代码: <a href="javascript:" class="grebtn">订单提交中<dot>...</dot></a>
content字符生成配合CSS3 animation的点点点loading
猜你喜欢
转载自www.cnblogs.com/love314159/p/9184177.html
今日推荐
周排行