* { box-sizing: border-box; } ul { list-style-type: none; margin: 0; padding: 0; } li { display: block; width: 200px; height: 50px; margin: 10px 0; background: #ccc; border: 1px solid #000; border-radius: 4px; cursor: pointer; color: black; font-family: Roboto, Geneva, Arial, Helvetica, sans-serif; transition: all .3s ease-in-out; transition: all .3s ease-in-out; transition: all .3s ease-in-out; transition: all .3s ease-in-out; transition: all .3s ease-in-out; transform: translateX(-90%); transform: translateX(-90%); transform: translateX(-90%); transform: translateX(-90%); transform: translateX(-90%); } li:hover { transform: translateX(0%); transform: translateX(0%); transform: translateX(0%); transform: translateX(0%); transform: translateX(0%); }