当前位置: 首页 > CSS+DIV > 正文

一款CSS3实现的旋转头像

实现效果如我的评议头像和文章作者头像一样。主要CSS代码如下:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
img.avatar {
    -webkit-transition:.8s;
    -moz-transition:.8s;
    -o-transition:.8s;
    -ms-transition:.8s;
}
img.avatar:hover{
    transform: rotate(720deg);
    -webkit-transform: rotate(720deg);
    -moz-transform: rotate(720deg);
    -o-transform: rotate(720deg);
    -ms-transform: rotate(720deg);
    border-radius:23px;
}

本文固定链接: http://www.ouchaoman.com/2013/12/16/css3-rotation-avatar/ | 欧阳博客

该日志由 欧阳 于2013年12月16日发表在 CSS+DIV 分类下, 你可以发表评论,并在保留原文地址及作者的情况下引用到你的网站或博客。
原创文章转载请注明: 一款CSS3实现的旋转头像 | 欧阳博客

一款CSS3实现的旋转头像:等您坐沙发呢!

发表评论

快捷键:Ctrl+Enter