我正在尝试在鼠标悬停时左右为图像设置动画,并且在鼠标悬停时它将恢复到以前的状态。
例如,如果图像的原始宽度为 120 像素,则在页面加载时它将显示 100 像素,鼠标悬停时它将向左和向右扩展。因此,它会向左多出 10 像素,向右多出 10 像素。
<img src="http://st.depositphotos.com/1742172/2000/v/110/depositphotos_20007761-Old-scroll-banner-cartoon.jpg" id="expandimg" />
演示 http://jsfiddle.net/squidraj/9FtBY/5/
但现在它只在右侧扩展。请任何建议都会很棒。
刚刚发现css3中有一个叫clip的东西?