网页布局

实现效果：鼠标悬浮在图片上，图片向上移动一段距离

通过平移的方式使图片进行移动

transform:translate(x-value,y-value);

内容向左和向右分别移动将参数设置为正值，向右向上移动将参数设为负值

也可以通过设置下面内容单独设置平移方向

transform: translateY();

transform: translateX();

如：向上移动

transform:translateY(-2)