RiPro主题美化-用户头像旋转教程(第四期)

1、头像旋转

添加目录wp-content/themes/ripro/a七牛云存储ssets/css diy.css

2、演示:如本站用户头像旋转样式

/*
头像
*/
.bg-cover {
    border: #ececec 1px solid;
}
/*头像旋转*/
.avatar{
-webkit-transition:0.4s;
-webkit-transition:-webkit-transform 0.4s ease-out;
transition:transform 0.4s ease-out;
-moz-transition:-moz-transform 0.4s ease-out;
}
.avatar:hover{
transform:rotateZ(360deg);
-webkit-transform:rotateZ(360deg);
-moz-transform:rotateZ(360deg);
}

 

内容查看
查看价格免费
客服微信:wzsdream,添加请备注王子驿站!

原文链接:http://94wz.top/2255.html,转载请注明出处。

0

评论0

显示验证码
没有账号?注册  忘记密码?