CSS3旋转图片效果收集

 

火狐中文网图片效果:

[http://i.firefoxchina.cn/?www.firefoxchina.cn]

.news-img-wrapper:hover img {

    transform: rotate(5deg) scale(1.2);

    transition: all 0.3s linear 300ms;

}

慕课网的图片效果:

.course-content .course-list li .course-list-img img {
    display: block;
    transition: all 1s ease 0s;
}
.course-content .course-list li:hover img, .course-content .course-list li.hover img {
    transform: scale(1.2);
}