动画移入效果实现

使用css实现动画移入效果：

1. 使用transition实现。方法：设置图片显示的宽度小于图片宽度，即不显示的东西通过overflow：hidden隐藏掉，hover的时候通过修改left值，即相对父元素的位置，来达到显示的目的。主要父元素要设置positon：relative，子元素设置position：absolute。这样设置left属性才有效。

注释：子绝父相，是子元素脱离文档流，在父元素中移动，这样会导致父元素塌陷（解决方案：父元素设置固定的宽高，第二种方法是通过js代码通过获取子元素的宽度动态设置父元素的 宽度）

 

 注：animation设置的动画效果，会从0--》1--》0，即动画会是一个完整的演示，回到最初的位置。