TAG
CSS
Result
Run
License
<div class="box"></div> <div class="box target">Rollover me</div>
.box { width: 100px; height: 100px; position: absolute; left: calc(50vw - 50px); top: calc(50vh - 50px); border: 1px solid #CCC; } .target { transition: .3s; border: 1px solid #FF0000; transform-style: preserve-3d; text-align: center; } .target:hover { transform: perspective(500px) translate3d(20px, 20px, -100px); }
Console
expand_less
License
License
by DevDic
Close