diff --git a/source/wobble.css b/source/wobble.css index 78b4a9b..670e230 100644 --- a/source/wobble.css +++ b/source/wobble.css @@ -30,6 +30,16 @@ 100% { -ms-transform: translateX(0%); } } +@-o-keyframes wobble { + 0% { -o-transform: translateX(0%); } + 15% { -o-transform: translateX(-25%) rotate(-5deg); } + 30% { -o-transform: translateX(20%) rotate(3deg); } + 45% { -o-transform: translateX(-15%) rotate(-3deg); } + 60% { -o-transform: translateX(10%) rotate(2deg); } + 75% { -o-transform: translateX(-5%) rotate(-1deg); } + 100% { -o-transform: translateX(0%); } +} + @keyframes wobble { 0% { transform: translateX(0%); } 15% { transform: translateX(-25%) rotate(-5deg); } @@ -44,5 +54,6 @@ -webkit-animation-name: wobble; -moz-animation-name: wobble; -ms-animation-name: wobble; + -o-animation-name: wobble; animation-name: wobble; } \ No newline at end of file