CSS Button with Wiggle Effect

Wiggle effect on hover with css keyframes.

CSS

@-webkit-keyframes wiggle {
	0% {
		-webkit-transform:rotate(4deg);
	}
	50% {
		-webkit-transform:rotate(-4deg);
	}
	100% {
		-webkit-transform:rotate(4deg);
	}
}
 
.wiggle:hover {
	-webkit-animation: wiggle 0.5s infinite;
}

HTML

<html>
<head>
	<title>Wiggle, wiggle, wiggle, yeah!</title>
</head>
<body>
	<img class="wiggle" src="button.png">
</body>
</html>

Demo