标签：class code 移动 color blog 实现 效果 nsf 京东
当前很多购物网站，像京东，蘑菇街这些都有对展示的图片做这种鼠标悬停图片上移，下移，左移或者右移效果，
实现代码很简单，就用css3的transform便可实现。
下列代码实现的是鼠标悬停，div向上移动30px，鼠标拿开div恢复原始位置。
css：
<style> div{ margin-top: 100px; width: 100px; height: 100px; background: pink; transition:All 0.4s ease-in-out;//让移动效果变得平滑自然 } div:hover{ transform:translate(0,-30px); } </style>
html:
<div></div>
就是这么简单，哈哈哈、、、、
标签：class code 移动 color blog 实现 效果 nsf 京东
原文地址：http://www.cnblogs.com/iriliguo/p/7134374.html
