<!DOCTYPE html>
<html lang="ja" dir="ltr">
<head>
<meta charset="utf-8">
<title>css3鼠标悬停图片抖动效果</title>
<link href="css/shake.css" rel="stylesheet" media="all">
</head>
<body>
<div id="wrapper">
<img class="shake shake-hard" src="http://demo.lanrenzhijia.com/2015/pic0113/images/musica_byern.jpg" alt="musica_byern" width="600">
<section>
<p class="shake shake-slow">shake-slow</p>
</section>
<img class="shake shake-slow" src="http://demo.lanrenzhijia.com/2015/pic0113/images/musica_byern.jpg" alt="musica_byern" width="600">
<section>
<p class="shake shake-little">shake-little</p>
</section>
<img class="shake shake-little" src="http://demo.lanrenzhijia.com/2015/pic0113/images/musica_byern.jpg" alt="musica_byern" width="600">
<section>
<p class="shake shake-horizontal">shake-horizontal</p>
</section>
<img class="shake shake-horizontal" src="http://demo.lanrenzhijia.com/2015/pic0113/images/musica_byern.jpg" alt="musica_byern" width="600">
<section>
<p class="shake shake-vertical">shake-vertical</p>
</section>
<img class="shake shake-vertical" src="http://demo.lanrenzhijia.com/2015/pic0113/images/musica_byern.jpg" alt="musica_byern" width="600">
<section>
<p class="shake shake-rotate">shake-rotate</p>
</section>
<img class="shake shake-rotate" src="http://demo.lanrenzhijia.com/2015/pic0113/images/musica_byern.jpg" alt="musica_byern" width="600">
<section>
<p class="shake shake-opacity">shake-opacity</p>
</section>
<img class="shake shake-opacity" src="http://demo.lanrenzhijia.com/2015/pic0113/images/musica_byern.jpg" alt="musica_byern" width="600">
<section>
<p class="shake shake-crazy">shake-crazy</p>
</section>
<img class="shake shake-crazy" src="http://demo.lanrenzhijia.com/2015/pic0113/images/musica_byern.jpg" alt="musica_byern" width="600">
</div>
</body>
</html>
