From b7f0757e8856d3fb68c0ef04a9f93515d9397b94 Mon Sep 17 00:00:00 2001 From: jomo Date: Mon, 30 Jun 2014 21:45:31 +0200 Subject: [PATCH] fuck you, webkit. --- app/assets/javascripts/app.js | 1 + app/assets/stylesheets/style.css.scss | 10 ++++++++-- 2 files changed, 9 insertions(+), 2 deletions(-) diff --git a/app/assets/javascripts/app.js b/app/assets/javascripts/app.js index 9de75ee..9337f79 100644 --- a/app/assets/javascripts/app.js +++ b/app/assets/javascripts/app.js @@ -30,6 +30,7 @@ $(function(){ if ( pressed.toString() == keys.toString() ) { $('html').css('overflow-x', 'hidden'); $('body').css('animation', '1s alternate-reverse infinite wiggle'); + $('body').css('-webkit-animation', '1s alternate-reverse infinite wiggle'); $('img').css('transform', 'rotate(180deg)'); } }); diff --git a/app/assets/stylesheets/style.css.scss b/app/assets/stylesheets/style.css.scss index 5b8d4f3..7ab7341 100644 --- a/app/assets/stylesheets/style.css.scss +++ b/app/assets/stylesheets/style.css.scss @@ -3,8 +3,14 @@ 100% {transform: rotate(3deg);} } @-webkit-keyframes wiggle { - 0% {transform: rotate(-3deg);} - 100% {transform: rotate(3deg);} + 0% { + -webkit-transform: rotate(-3deg); + transform: rotate(-3deg); + } + 100% { + -webkit-transform: rotate(3deg); + transform: rotate(3deg); + } } @keyframes target { 0% {background-color: #ff8;}