Skip to content

Instantly share code, notes, and snippets.

@okonet
Created July 21, 2010 14:03
Show Gist options
  • Save okonet/484535 to your computer and use it in GitHub Desktop.
Save okonet/484535 to your computer and use it in GitHub Desktop.
/* Shake effect */
@-webkit-keyframes shake {
0% {
-webkit-transform: translateX(0);
}
25% {
-webkit-transform: translateX(30px);
}
50% {
-webkit-transform: translateX(-20px);
}
75% {
-webkit-transform: translateX(15px);
}
100% {
-webkit-transform: translateX(0);
}
}
.with-error form {
-webkit-animation-name: shake;
-webkit-animation-iteration-count: 1;
-webkit-animation-timing-function: linear;
-webkit-animation-duration: .35s;
}
@julik
Copy link

julik commented Jul 21, 2010

Nice!

@moiseyev
Copy link

Sweet!

@saym
Copy link

saym commented Jul 22, 2010

Zayebis'!

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment