<div class="container">
  <div class="i"></div>
</div>
.container{
}
.i{
  width: 20px;
  height: 20px;
  background: url(https://gitee.com/SCD-Wear/img-bed/raw/master/css/background.png) no-repeat;
  background-size: 20px 40px;
  transition: background-position .4s;
}
.i:hover{
  background-position: 0 -20px;
}

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.