一、效果预览
如图所示,鼠标移动上去,图片会向右上角抖动,鼠标离开,图片恢复原状。
二、方案选择
刚刚接触到这个效果的时候,我还以为是采用放大效果来实现的,即scale:1.2诸如此类的代码,结果不然。
这个效果的实现,如果采用jquery的方案,直接写个动画即可。
//先设定好position:relative;
$('img:hover').animate({
'left':'10px','bottom':'10px'});
假如追根溯源,还是使用的CSS3的动画。
首先自定义一个动画: