用css的mask-image属性搞个好玩的

html:
 <div>
    <img src="https://s3-us-west-2.amazonaws.com/s.cdpn.io/851550/sponge.jpg" alt="" />
  </div>
css:  
img {
  display: inline-block;
  mask-image: url(https://s3-us-west-2.amazonaws.com/s.cdpn.io/851550/spongebob.gif);
  mask-size: contain;
  mask-repeat: no-repeat;
  max-width: 100%;
}

效果： 会动的哦!