ホバーした時にCSSだけで出来る様々な画像切り替え方法

.btn { position: relative; width: 280px; height: 80px; margin: 0 auto; display: block; border-radius: 12px; overflow: hidden; cursor: pointer; } .btn img { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: 100%; display: block; -webkit-transition: .4s ease-in-out; transition: .4s ease-in-out; } .btn:hover img:nth-of-type(2)