wordpress中头像抖动旋转特效

  • A+
所属分类:CSS

在wordpress主题中style.css中插入以下代码即可

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
/**头像旋转的效果**/
.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);
}

.vcard:hover .avatar {
    box-shadow:0px 0px 10px #0c0;
    transform: rotate(720deg);
    -webkit-transform: rotate(720deg);
    -moz-transform: rotate(720deg);
    -o-transform: rotate(720deg);
    -ms-transform: rotate(720deg);
    border-radius:40px!important;
    filter:alpha(opacity=100)!important;
    opacity:1!important;
}
  • 我的微信
  • 这是我的微信扫一扫
  • weinxin
  • 我的微信公众号
  • 我的微信公众号扫一扫
  • weinxin

发表评论

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen: