Cross-Browser bounce_error
This commit is contained in:
parent
3bd1f1dc29
commit
acc9d00b30
105
css/global.css
105
css/global.css
|
@ -375,6 +375,111 @@ select.active + .confirm,
|
||||||
background-image: url(../src/validate@pamp.svg) !important;
|
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{
|
@keyframes bounce_err{
|
||||||
0%{
|
0%{
|
||||||
transform: translateX(5px);
|
transform: translateX(5px);
|
||||||
|
|
Loading…
Reference in New Issue