代碼如下：html
<div class="element">
<div class="front">前面</div>
<div class="back">背面</div>
</div>
CSS
.element{
position:relative;
olor:#fff;
text-align:center;
line-height:120px;
transform-style:preserve-3d;
transition:1s;
}
.element,.front,.back{
width:90px;
height:120px;
backface-visibility:hidden;
}
.front,.back{
position:absolute;
left:0;
top:0;}
.front{background:#f00;}
.back{background:#0f0;transform:rotateY(180deg);}
.element:hover{transform:rotateY(180deg);}
最后編輯于 ：
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
