diff --git a/css/global.css b/css/global.css index b6f548d..fe0105d 100755 --- a/css/global.css +++ b/css/global.css @@ -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);