Template:ShakeMove.css: Difference between revisions

@keyframes shake {
	0% {left:1px;}
	25% {left:1px;top:1px;}
	75% {left:-1px;top:1px}
	100% {left:1px;}
}

@keyframes move {
	0% {transform:skew(-2deg,1deg);}
	50% {transform:skew(2deg,-1deg);}
	98% {transform:skew(-2deg,0deg);}
	99% {transform:skew(3deg,100deg);}
	100% {transform:skew(-2deg,1deg);}
}

.shake {
	position:relative;
	animation-name:shake;
	animation-duration:0.1s;
	animation-iteration-count:infinite;
}

.move {
	animation-name:move;
	animation-duration:60s;
	animation-iteration-count:infinite;
}