今天无意中看到一个会动的LOGO,还不是gif,着实神奇,故劳烦度娘!
下面是演示的案例代码,你也可以点击查看动画效果
实现代码:
<style> .imlogo{ display: block; width: 160px; height: 80px; background: #FF5E52 url(http://www.daqianduan.com/wp-content/uploads/2015/01/logo2.png) center 22px no-repeat; -webkit-transition: background-position linear .2s; -moz-transition: background-position linear .2s; transition: background-position linear .2s; } .imlogo:hover{ background-position: center -48px; } </style> <a class="imlogo" href="#"></a>