Html
    Css
    Js

    
                        
.flip-container {
	perspective:1000px;
}
.flip-container:hover .flipper {
	transform:rotateY(180deg);
}
.flip-container,.front,.back {
	width:320px;
	height:480px;
}
.flipper {
	transition:0.6s;
	transform-style:preserve-3d;
	position:relative;
}
.front,.back {
	position:absolute;
}
.back {
	transform:rotateY(180deg);
}

                        
↑上面代码改变,会自动显示代码结果 jQuery调用版本:1.11.3
 立即下载

用css实现图片翻转

0