TAG
CSS
Result
Run
License
<div class="cube-wrapper"> <img src="https://resrc.devdic.com/img/bykind/alpha/150x135_flower.png" /> </div>
.cube-wrapper { width: 150px; height: 135px; position: relative; left: calc(50vw - 50px); top: calc(50vh - 50px); transition: 0.3s; transform: perspective(500px) scaleZ(1) rotateX(45deg); } .cube-wrapper::after { content: "Rollover me"; position: absolute; right: -70px; } .cube-wrapper:hover { transform: perspective(500px) scaleZ(5) rotateX(45deg); }
Console
expand_less
License
License
by DevDic
Close