『让头像转起来 』

  • Just do it
  • _________________________________________________
  • .avatar{
  • /*设置圆形*/
  • border-radius:60px;
  • -webkit-border-radius:60px;
  • -moz-border-radius:60px;
  • box-shadow: inset 0 -1px 0 #3333sf;
  • -webkit-box-shadow: inset 0 -1px 0 #3333sf;
  • transition: transform 0.5s ease-out;
  • -webkit-transition: 0.5s ease-out;
  • -moz-transition: -moz-transform 0.5s 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(360deg);
  • -webkit-transform: rotateZ(360deg);
  • -moz-transform: rotateZ(360deg);}

最终效果是,鼠标划过评论者头像,头像顺时针转一圈,有点意思。

找到自己的主题,添加在Style.css的最下面即可!

文 / past
3 COMMENTS
  1. 2013/11/02
    Meow

    转啊转~

  2. 2013/11/02
    elan

    这个主题不错哦 !! 头像也很赞! 😡

    • 2013/11/02
      Meow
      @elan 嘿嘿谢谢,你的博客也不错
LEAVE A REPLY
loading