From acc9d00b30d91e0e1fde0bd9da37465d879a6f03 Mon Sep 17 00:00:00 2001 From: xdrm-brackets Date: Fri, 8 Jan 2016 18:02:57 +0100 Subject: [PATCH] Cross-Browser bounce_error --- css/global.css | 105 +++++++++++++++++++++++++++++++++++++++++++++++++ 1 file changed, 105 insertions(+) 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);