diff --git a/source/bounce.css b/source/bounce.css index 02a9822..4e6aaf5 100644 --- a/source/bounce.css +++ b/source/bounce.css @@ -16,6 +16,11 @@ 60% {-ms-transform: translateY(-15px);} } +@-o-keyframes bounce { + 0%, 20%, 50%, 80%, 100% {-o-transform: translateY(0);} + 40% {-o-transform: translateY(-30px);} + 60% {-o-transform: translateY(-15px);} +} @keyframes bounce { 0%, 20%, 50%, 80%, 100% {transform: translateY(0);} 40% {transform: translateY(-30px);} diff --git a/source/bounceIn.css b/source/bounceIn.css index fa66777..16429d1 100644 --- a/source/bounceIn.css +++ b/source/bounceIn.css @@ -58,6 +58,26 @@ } } +@-o-keyframes bounceIn { + 0% { + opacity: 0; + -o-transform: scale(.3); + } + + 50% { + opacity: 1; + -o-transform: scale(1.05); + } + + 70% { + -o-transform: scale(.9); + } + + 100% { + -o-transform: scale(1); + } +} + @keyframes bounceIn { 0% { opacity: 0; diff --git a/source/bounceInDown.css b/source/bounceInDown.css index 80ee77b..f724d4d 100644 --- a/source/bounceInDown.css +++ b/source/bounceInDown.css @@ -58,6 +58,26 @@ } } +@-o-keyframes bounceInDown { + 0% { + opacity: 0; + -o-transform: translateY(-2000px); + } + + 60% { + opacity: 1; + -o-transform: translateY(30px); + } + + 80% { + -o-transform: translateY(-10px); + } + + 100% { + -o-transform: translateY(0); + } +} + @keyframes bounceInDown { 0% { opacity: 0; diff --git a/source/bounceInLeft.css b/source/bounceInLeft.css index 79ccc12..c5138e3 100644 --- a/source/bounceInLeft.css +++ b/source/bounceInLeft.css @@ -58,6 +58,26 @@ } } +@-o-keyframes bounceInLeft { + 0% { + opacity: 0; + -o-transform: translateX(-2000px); + } + + 60% { + opacity: 1; + -o-transform: translateX(30px); + } + + 80% { + -o-transform: translateX(-10px); + } + + 100% { + -o-transform: translateX(0); + } +} + @keyframes bounceInLeft { 0% { opacity: 0; diff --git a/source/bounceInRight.css b/source/bounceInRight.css index b040368..0610b91 100644 --- a/source/bounceInRight.css +++ b/source/bounceInRight.css @@ -58,6 +58,26 @@ } } +@-o-keyframes bounceInRight { + 0% { + opacity: 0; + -o-transform: translateX(2000px); + } + + 60% { + opacity: 1; + -o-transform: translateX(-30px); + } + + 80% { + -o-transform: translateX(10px); + } + + 100% { + -o-transform: translateX(0); + } +} + @keyframes bounceInRight { 0% { opacity: 0;