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

【摘要】说明:非常简单的一个方法,只需要在主要的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);
 }


 小东
 简介:专业团队网站开发、安全运维,合作意向请联系!

扫码关注微信公众号:ITDYBOY,学前端,学安全,从0到1,从1到精通!

扫码关注微信公众号:ITDYBOY

发表评论

游客
送你一朵小花花~

帅人已评(14)

嗯嗯嗯嗯嗯
LV 2 jcx88 7年前 (2018-01-24) 回复
LV 2 jcx88 7年前 (2018-01-24) 回复
最近忙啥去了
LV 3 不见你欢颜. 7年前 (2018-01-24) 回复
@不见你欢颜.:聊妹子
站长已认证 小东 7年前 (2018-01-24) 回复