当前位置:奉上博客 » 站长之家 » 正文

7b2主题美化-全站图片加载后左右摆动特效

以下代码放入css样式

/*左右摆动特效开始*/
 .user-w-avatar .avatar-parent img, .img-ip:hover,img {
    -webkit-animation: swing 3s .4s ease both;
    -moz-animation: swing 3s .4s ease both;
}
@-webkit-keyframes swing {
    20%, 40%, 60%, 80%, 100% {
        -webkit-transform-origin:top center
    }
    20% {
        -webkit-transform:rotate(15deg)
    }
    40% {
        -webkit-transform:rotate(-10deg)
    }
    60% {
        -webkit-transform:rotate(5deg)
    }
    80% {
        -webkit-transform:rotate(-5deg)
    }
    100% {
        -webkit-transform:rotate(0deg)
    }
}
@-moz-keyframes swing {
    20%, 40%, 60%, 80%, 100% {
        -moz-transform-origin:top center
    }
    20% {
        -moz-transform:rotate(15deg)
    }
    40% {
        -moz-transform:rotate(-10deg)
    }
    60% {
        -moz-transform:rotate(5deg)
    }
    80% {
        -moz-transform:rotate(-5deg)
    }
    100% {
        -moz-transform:rotate(0deg)
    }
}
/*左右摆动特效结束*/

相关文章