Bootstrap的Refresh Icon也spin起来

更新时间：2016年07月13日 10:52:20 投稿：mrr

本文通过实例给大家介绍Bootstrap的Refresh Icon相关知识，非常不错，具有参考借鉴价值，感兴趣的朋友一起学习吧

bootstrap下面有个glyphicon-refresh，但是不会自定动态spin[旋转]，下面提供下我的实例

.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);
}
}

调用方式如下

<span class="glyphicon glyphicon-refresh loading spin"> </span>

以上所述是小编给大家介绍的Bootstrap的Refresh Icon也spin起来，如果大家有任何疑问请给我留言，小编会及时回复大家的。在此也非常感谢大家对脚本之家网站的支持！

您可能感兴趣的文章:

带你使用webpack快速构建web项目的方法
这篇文章主要介绍了带你使用webpack快速构建web项目的方法，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧
2020-11-11
微信小程序自定义顶部组件customHeader的示例代码
这篇文章主要介绍了微信小程序自定义顶部组件customHeader的相关知识，本文给大家介绍的非常详细，对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下
2020-06-06
如何在微信小程序中使用less详解(最优方式)
这篇文章主要给大家介绍了关于如何在微信小程序中使用less(最优方式)的相关资料，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧
2021-03-03
underscore之function_动力节点Java学院整理
因为underscore本来就是为了充分发挥JavaScript的函数式编程特性，所以也提供了大量JavaScript本身没有的高阶函数。本文重点给大家介绍underscore之function知识，感兴趣的的朋友一起学习吧
2017-07-07
Javascript事件的捕获方式和冒泡方式详解
这篇文章主要为大家介绍了Javascript事件的捕获方式和冒泡方式，具有一定的参考价值，感兴趣的小伙伴们可以参考一下，希望能够给你带来帮助
2021-12-12
在子窗口中关闭父窗口的一句代码
在子窗口中关闭父窗口在某些特殊的情况下还是有存在的必要的，其实很简单，只需一句代码便可实现，感兴趣的朋友可以了解下
2013-10-10
如何在CocosCreator中做一个List
这篇文章主要介绍了如何在CocosCreator中做一个List，对List列表感兴趣的同学，不妨来试验一下
2021-04-04
原生JS实现文件上传
这篇文章主要为大家详细介绍了原生JS实现文件上传，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
2022-07-07
全面解析Bootstrap排版使用方法（文字样式）
这篇文章全面解析了Bootstrap排版使用方法，本文重点介绍Bootstrap排版中的文字样式设置，感兴趣的小伙伴们可以参考一下
2015-11-11
学习Bootstrap滚动监听附调用方法
这篇文章主要为大家全面解析Bootstrap中滚动监听的使用方法，感兴趣的小伙伴们可以参考一下
2016-07-07