Bootstrap的Refresh Icon也spin起來

    bootstrap下面有個(gè)glyphicon-refresh，但是不會(huì)自定動(dòng)態(tài)spin[旋轉(zhuǎn)]，下面提供下實(shí)例：
    .spin{
    -webkit-transform-origin: 50% 50%;
    transform-origin:50% 50%;
    -ms-transform-origin:50% 50%; /* IE 9 */
    -webkit-animation: spin .8s infinite linear;
    -moz-animation: spin .8s infinite linear;
    -o-animation: spin .8s infinite linear;
    animation: spin .8s infinite linear;
    }
    @-webkit-keyframes spin {
    0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
    }
    100% {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
    }
    }
    @keyframes spin {
    0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
    }
    100% {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
    }
    }
    調(diào)用方式如下：
    <span> </span>
    以上所述是小編給大家介紹的Bootstrap的Refresh Icon也spin起來