From 03179bc6bb6c823fcdb0604d980f59ed5bea316c Mon Sep 17 00:00:00 2001 From: exane Date: Sat, 4 Jul 2015 16:25:00 +0200 Subject: [PATCH] prefix keyframes --- client/scss/main.scss | 52 +++++++++++++++++++++++++++++++++++++++---- 1 file changed, 48 insertions(+), 4 deletions(-) diff --git a/client/scss/main.scss b/client/scss/main.scss index f78df91..4afd9ef 100644 --- a/client/scss/main.scss +++ b/client/scss/main.scss @@ -58,6 +58,7 @@ $game-height: 800px; //box-shadow: 0px 0px 15px #ffbb0b !important; animation: WoobWoob linear 2s; animation-iteration-count: infinite; + cursor: pointer; -webkit-animation: WoobWoob linear 2s; -webkit-animation-iteration-count: infinite; @@ -70,14 +71,57 @@ $game-height: 800px; -ms-animation: WoobWoob linear 2s; -ms-animation-iteration-count: infinite; -/* - &:hover { + + /*&:hover { box-shadow: 0px 0px 30px #ffd135 !important; - } -*/ + }*/ } } +@-webkit-keyframes WoobWoob { + 0% { + box-shadow: 0px 0px 15px #ffbb0b !important; + } + 50% { + box-shadow: 0px 0px 40px #ffd135 !important; + } + 100% { + box-shadow: 0px 0px 15px #ffbb0b !important; + } +} +@-moz-keyframes WoobWoob { + 0% { + box-shadow: 0px 0px 15px #ffbb0b !important; + } + 50% { + box-shadow: 0px 0px 40px #ffd135 !important; + } + 100% { + box-shadow: 0px 0px 15px #ffbb0b !important; + } + } +@-o-keyframes WoobWoob { + 0% { + box-shadow: 0px 0px 15px #ffbb0b !important; + } + 50% { + box-shadow: 0px 0px 40px #ffd135 !important; + } + 100% { + box-shadow: 0px 0px 15px #ffbb0b !important; + } +} +@-ms-keyframes WoobWoob { + 0% { + box-shadow: 0px 0px 15px #ffbb0b !important; + } + 50% { + box-shadow: 0px 0px 40px #ffd135 !important; + } + 100% { + box-shadow: 0px 0px 15px #ffbb0b !important; + } +} @keyframes WoobWoob { 0% { box-shadow: 0px 0px 15px #ffbb0b !important;