<div class="a"></div>
.a{ width: 20px; height: 50px; background: red; transition: width 1s linear; margin-left: 200px; transform: translateX(-100%); } .a:hover { width: 100px; transition: width 1s linear; transform: translateX(-100%); }