给用户头像添加一个旋转动画特效的超简单方法

日期:2018-1-24 小东网站优化热度:98694℃

【摘要】说明：非常简单的一个方法，只需要在主要的css文件中（或者在<head>中添加页面css）添加如下代码css代码：.avatar{-webkit-transition:.4s;-webkit-transition:-...

说明：

非常简单的一个方法，只需要在主要的css文件中（或者在<head>中添加页面css）添加如下代码

css代码：

.avatar { 
	-webkit-transition: .4s; 
	-webkit-transition: -webkit-transform .4s ease-out; 
	transition: transform .4s ease-out; 
	-moz-transition: -moz-transform .4s ease-out;
} 
.avatar:hover { 
	transform: rotateZ(360deg); 
	-webkit-transform: rotateZ(360deg); 
	-moz-transform: rotateZ(360deg);
 }

未经允许不得转载：第一资源网 » 给用户头像添加一个旋转动画特效的超简单方法