关于CSS3呼吸效果的探究

一、效果预览

如图所示，鼠标移动上去，图片会向右上角抖动，鼠标离开，图片恢复原状。

二、方案选择

刚刚接触到这个效果的时候，我还以为是采用放大效果来实现的，即scale:1.2诸如此类的代码，结果不然。

这个效果的实现，如果采用jquery的方案，直接写个动画即可。

//先设定好position:relative;
$('img:hover').animate({
  'left':'10px','bottom':'10px'});

假如追根溯源，还是使用的CSS3的动画。
首先自定义一个动画：