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);
}

郑重声明:本站内容如果来自互联网及其他传播媒体,其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享,并不代表本站赞同其观点和对其真实性负责,也不构成任何其他建议。