让css旋转字体图标

最新推荐文章于 2024-08-14 18:07:55 发布

想尝一尝被打赏的味道

最新推荐文章于 2024-08-14 18:07:55 发布

阅读量340

点赞数

分类专栏：前端是个什么鬼文章标签： css html5

本文链接：https://blog.csdn.net/u011096919/article/details/120779104

版权

前端是个什么鬼专栏收录该内容

10 篇文章 0 订阅

订阅专栏

好！就系甘样搞！

.iconfont{
	 -webkit-transition-property: -webkit-transform;
	    -webkit-transition-duration: 1s;
	    -moz-transition-property: -moz-transform;
	    -moz-transition-duration: 1s;
	    -webkit-animation: rotate 3s linear infinite;
	    -moz-animation: rotate 3s linear infinite;
	    -o-animation: rotate 3s linear infinite;
	    animation: rotate 3s linear infinite;}
	@-webkit-keyframes rotate{from{-webkit-transform: rotate(0deg)}
	    to{-webkit-transform: rotate(360deg)}
	}
	@-moz-keyframes rotate{from{-moz-transform: rotate(0deg)}
	    to{-moz-transform: rotate(359deg)}
	}
	@-o-keyframes rotate{from{-o-transform: rotate(0deg)}
	    to{-o-transform: rotate(359deg)}
	}
	@keyframes rotate{from{transform: rotate(0deg)}
	    to{transform: rotate(359deg)}
}