i3geek.com
闫庚哲的个人博客

【转】简单CSS3技巧实现Logo动画

今天无意中看到一个会动的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>

 

 

赞(0)
未经允许不得转载:爱上极客 » 【转】简单CSS3技巧实现Logo动画
分享到: 更多 (0)

评论 抢沙发

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址