一个盒子里面装两个同宽高的盒子,利用backface-visibility设置元素背面是否可见的属性,达到两面翻转的效果
如果大盒子套小盒子,可以这样:<div style="position:relativewidth:400pxheight:300pxbackground-color:yellow">
<div style="position:absolutebottom:0left:50pxwidth:300pxheight:150pxbackground-color:red"></div>
</div>
如果两个盒子是独立的,则可以这样:
<div style="width:400pxheight:300pxbackground-color:yellow"></div>
<div style="position:relativetop:-150pxleft:50pxwidth:300pxheight:150pxbackground-color:red">2</div>
其实有N多种方式实现,上述只是其中的一两种