TAG
CSS
Result
Run
License
<div class="box">Rollover me</div>
.box { position: absolute; width: 150px; height: 100px; inset-inline-start: calc((100vw - 150px) / 2); inset-block-start: calc((100vh - 100px) / 2); background-color: #999; transition: 0.3s; display: flex; align-items: center; justify-content: center; } .box:hover { transform: matrix(1, 0, 0, 1, 50, 0); }
Console
expand_less
License
License
by DevDic
Close