模板修改 设置圆形旋转头像的方法

  • 欢迎 游客 您的光临,下载之前请先阅读 积分规则(暂行) 。任何技术问题请在论坛提问,本站定制插件、模板主题售前、售后问题请联系QQ:5916171

死了算了

管理成员
CNXFans
UID
1
注册
2017/07/28
消息
1,110
解决方案
21
反馈评分
5,167
黄金
31,132.6G
头像旋转的效果
代码:
.avatar{padding:1px;border:1px solid #cfd9e1;width:96px;height:96px;
border-radius: 100% !important;
-webkit-border-radius: 100% !important;
-moz-border-radius:100% !important;
box-shadow: inset 0 -1px 0 #3333sf;
-webkit-box-shadow: inset 0 -1px 0 #3333sf;
-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{
box-shadow: 0 0 10px #fff; rgba(255,255,255,.6), inset 0 0 20px rgba(255,255,255,1);
-webkit-box-shadow: 0 0 10px #fff; rgba(255,255,255,.6), inset 0 0 20px rgba(255,255,255,1);
transform: rotateZ(720deg);
-webkit-transform: rotateZ(720deg);
-moz-transform: rotateZ(720deg);
}
 

死了算了

管理成员
CNXFans
UID
1
注册
2017/07/28
消息
1,110
解决方案
21
反馈评分
5,167
黄金
31,132.6G
虚线效果好点
 

死了算了

管理成员
CNXFans
UID
1
注册
2017/07/28
消息
1,110
解决方案
21
反馈评分
5,167
黄金
31,132.6G
测试一下新模板发帖