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;