Livre

<div style="width: 800px; height: 600px; margin: 10px auto;">
<p id="p1">&nbsp;</p>
<p id="p2"><span style="font-size: 10pt;">Code.</span></p>
</div><style><!--
#p1{transition:all 1s linear;position:absolute; width:400px; height:500px; float:left; border:1px solid black; background:url('http://ekladata.com/pourquoipas732.eklablog.com/perso/2015/aout/08/DSCN4370.JPG'); transform:translate(40px,50px) perspective(1000px) rotatey(30deg); box-shadow:-6px 0px grey;}
#p2{transition:all 1s linear;position:absolute; width:400px; height:500px; float:left; border:1px solid black; background-color:white;; transform:translate(355px,50px) perspective(1000px) rotatey(-30deg); text-align:center; box-shadow:6px 0px grey;}

#p1:hover{transform:translate(0px,0px) perspective(10000px) rotatey(0deg); width:800px;height:600px; z-index:5; box-shadow:0px 0px grey;}
#p2:hover{transform:translate(0px,0px) perspective(10000px) rotatey(0deg); width:800px;height:600px; z-index:5; box-shadow:0px 0px grey;}
--></style>