TAG
CSS
Result
Run
License
<div class="wrap"> <div class="target">Rollover me</div> </div>
.wrap { perspective: 200px; } .target { border: 2px solid #FF0000; position: absolute; left: calc((100vw - 100px) / 2); top: calc((100vh - 100px) / 2); width: 100px; height: 100px; line-height: 100px; text-align: center; transition: 0.5s; transform-style: preserve-3d; } .target:hover { rotate: x 45deg; }
Console
expand_less
License
License
by DevDic
Close