bootstarp按钮添加一个loading样式

.btn.loading{
    white-space: nowrap;
}
.btn.loading:before {
    content: "";
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAABAUlEQVQ4T6WTMUoDURRFz9mEYGcdK8E+7sBKwdImvbiAKFgJgq3prASzCe0VLFSw0kJwBYLdlR/+SAwZxsTfDPx57865d96Tfx7n9ScZAmvqfpJT4FM9nlf7SyDJFvACnAF7qklegTvgEjgERupVIzYrEOBo+mtJCslbkgtgAByo520Cq+pHWyyVsA+sACeldkKQ5Lo81d2uTJM8AuvAhvowN8Q/iGwD9+p7QzBQR12NlbYHPFXiScrloljYVL+6REqoQPkzxbINQU997mpunYNKURQXFvkhqEjLCTRoSfrq7SJWZidx2Dbz1ebO7Pu2ZSo7UTK5qYs1bstnqUGatvgN8r9sEdrr9W0AAAAASUVORK5CYII=);
    background-position: left center;
    background-repeat: no-repeat;
    width: 1em;
    height: 1em;
    display: inline-block;
    margin-right: 3px;
    vertical-align: text-bottom;
    animation: spin 1s infinite linear;
}
@keyframes spin {
    from { transform: rotate(0deg); }
    to { transform: rotate(360deg); }
}

版权属于：Joyber

本文链接：https://blog.qqvbc.com/default/569.html

转载时须注明出处及本声明