Toggle images

by ikatyang

HTML

<button class='btn' onclick='$(this).toggleClass("btn-active")'></button>

CSS

.btn {
  width: 100px;
  height: 100px;
  background-image: url(//i.imgur.com/YDRuFKe.png);
  background-size: cover;
  transition: all 0.5s;
}

.btn.btn-active {
  background-image: url(//i.imgur.com/ggNWvGw.png);
}