图片自动翻转css代码,用css实现图片翻转(示例代码)

简介这篇文章主要介绍了用css实现图片翻转(示例代码)以及相关的经验技巧，文章约1193字，浏览量447，点赞数1，值得参考！

用css实现图片翻转

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

}

正面

背面