Cross-Browser bounce_error

This commit is contained in:
xdrm-brackets 2016-01-08 18:02:57 +01:00
parent 3bd1f1dc29
commit acc9d00b30
1 changed files with 105 additions and 0 deletions

View File

@ -375,6 +375,111 @@ select.active + .confirm,
background-image: url(../src/validate@pamp.svg) !important;
}
@-webkit-keyframes bounce_err{
0%{
transform: translateX(5px);
-moz-transform: translateX(5px);
-webkit-transform: translateX(5px);
-ms-transform: translateX(5px);
-o-transform: translateX(5px);
}
25%{
transform: translateX(-5px);
-moz-transform: translateX(-5px);
-webkit-transform: translateX(-5px);
-ms-transform: translateX(-5px);
-o-transform: translateX(-5px);
}
50%{
transform: translateX(5px);
-moz-transform: translateX(5px);
-webkit-transform: translateX(5px);
-ms-transform: translateX(5px);
-o-transform: translateX(5px);
}
100%{
transform: translateX(0);
-moz-transform: translateX(0);
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
-o-transform: translateX(0);
}
}
@-moz-keyframes bounce_err{
0%{
transform: translateX(5px);
-moz-transform: translateX(5px);
-webkit-transform: translateX(5px);
-ms-transform: translateX(5px);
-o-transform: translateX(5px);
}
25%{
transform: translateX(-5px);
-moz-transform: translateX(-5px);
-webkit-transform: translateX(-5px);
-ms-transform: translateX(-5px);
-o-transform: translateX(-5px);
}
50%{
transform: translateX(5px);
-moz-transform: translateX(5px);
-webkit-transform: translateX(5px);
-ms-transform: translateX(5px);
-o-transform: translateX(5px);
}
100%{
transform: translateX(0);
-moz-transform: translateX(0);
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
-o-transform: translateX(0);
}
}
@-o-keyframes bounce_err{
0%{
transform: translateX(5px);
-moz-transform: translateX(5px);
-webkit-transform: translateX(5px);
-ms-transform: translateX(5px);
-o-transform: translateX(5px);
}
25%{
transform: translateX(-5px);
-moz-transform: translateX(-5px);
-webkit-transform: translateX(-5px);
-ms-transform: translateX(-5px);
-o-transform: translateX(-5px);
}
50%{
transform: translateX(5px);
-moz-transform: translateX(5px);
-webkit-transform: translateX(5px);
-ms-transform: translateX(5px);
-o-transform: translateX(5px);
}
100%{
transform: translateX(0);
-moz-transform: translateX(0);
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
-o-transform: translateX(0);
}
}
@keyframes bounce_err{
0%{
transform: translateX(5px);