The web site of mywebsites

My Twitch

.container2 { position: relative; width: 20%; } .image { display: block; width: 100%; height: auto; } .overlay { position: absolute; bottom: 0; left: 100%; right: 0; background-color: #6441a5; overflow: hidden; width: 0; height: 100%; transition: .5s ease; } .container2:hover .overlay { width: 100%; left: 0; } .text { white-space: nowrap; color: white; font-size: 20px; position: absolute; overflow: hidden; top: 50%; left: 50%; transform: translate(-50%, -50%); transform: translate(-50%, -50%); }