mirrors/not-gwent-online
1
0
Fork 0
mirror of https://github.com/exane/not-gwent-online synced 2024-11-23 19:36:53 +00:00
Code Releases Activity

keyframes fix

Browse Source
This commit is contained in:
exane 2015-07-04 16:41:17 +02:00
parent 03179bc6bb
commit ba053c042d
2 changed files with 20 additions and 36 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

17
client/scss/_effects.scss
View File

@ -101,23 +101,6 @@
z-index: 20; z-index: 20;
} }
/*.card {
float: left;
height: 93px;
width: 69px;
position: relative;
transition: margin .05s ease-in-out 0s;
}
.card i {
display: block;
position: absolute;
top: 3px;
left: 3px;
height: 87px;
z-index: 10;
}*/
/** SHAME **/ /** SHAME **/
.card-wrap:hover .card-animation, .card-wrap:hover .card-animation,

39
client/scss/main.scss
View File

@ -56,22 +56,23 @@ $game-height: 800px;
&.active { &.active {
//box-shadow: 0px 0px 15px #ffbb0b !important; //box-shadow: 0px 0px 15px #ffbb0b !important;
animation: WoobWoob linear 2s;
animation-iteration-count: infinite;
cursor: pointer; cursor: pointer;
-webkit-animation: WoobWoob linear 2s; -webkit-animation: WoobWoob linear 2s;
-webkit-animation-iteration-count: infinite; -webkit-animation-iteration-count: infinite;
-moz-animation: WoobWoob linear 2s; /*-moz-animation: WoobWoob linear 2s;
-moz-animation-iteration-count: infinite; -moz-animation-iteration-count: infinite;
*/
-o-animation: WoobWoob linear 2s; -o-animation: WoobWoob linear 2s;
-o-animation-iteration-count: infinite; -o-animation-iteration-count: infinite;
-ms-animation: WoobWoob linear 2s; -ms-animation: WoobWoob linear 2s;
-ms-animation-iteration-count: infinite; -ms-animation-iteration-count: infinite;
animation: WoobWoob linear 2s;
animation-iteration-count: infinite;
/*&:hover { /*&:hover {
box-shadow: 0px 0px 30px #ffd135 !important; box-shadow: 0px 0px 30px #ffd135 !important;
}*/ }*/
@ -80,57 +81,57 @@ $game-height: 800px;
@-webkit-keyframes WoobWoob { @-webkit-keyframes WoobWoob {
0% { 0% {
box-shadow: 0px 0px 15px #ffbb0b !important; box-shadow: 0 0 15px #ffbb0b !important;
} }
50% { 50% {
box-shadow: 0px 0px 40px #ffd135 !important; box-shadow: 0 0 40px #ffd135 !important;
} }
100% { 100% {
box-shadow: 0px 0px 15px #ffbb0b !important; box-shadow: 0 0 15px #ffbb0b !important;
} }
} }
@-moz-keyframes WoobWoob { @-moz-keyframes WoobWoob {
0% { 0% {
box-shadow: 0px 0px 15px #ffbb0b !important; box-shadow: 0 0 15px #ffbb0b !important;
} }
50% { 50% {
box-shadow: 0px 0px 40px #ffd135 !important; box-shadow: 0 0 40px #ffd135 !important;
} }
100% { 100% {
box-shadow: 0px 0px 15px #ffbb0b !important; box-shadow: 0 0 15px #ffbb0b !important;
} }
} }
@-o-keyframes WoobWoob { @-o-keyframes WoobWoob {
0% { 0% {
box-shadow: 0px 0px 15px #ffbb0b !important; box-shadow: 0 0 15px #ffbb0b !important;
} }
50% { 50% {
box-shadow: 0px 0px 40px #ffd135 !important; box-shadow: 0 0 40px #ffd135 !important;
} }
100% { 100% {
box-shadow: 0px 0px 15px #ffbb0b !important; box-shadow: 0 0 15px #ffbb0b !important;
} }
} }
@-ms-keyframes WoobWoob { @-ms-keyframes WoobWoob {
0% { 0% {
box-shadow: 0px 0px 15px #ffbb0b !important; box-shadow: 0 0 15px #ffbb0b !important;
} }
50% { 50% {
box-shadow: 0px 0px 40px #ffd135 !important; box-shadow: 0 0 40px #ffd135 !important;
} }
100% { 100% {
box-shadow: 0px 0px 15px #ffbb0b !important; box-shadow: 0 0 15px #ffbb0b !important;
} }
} }
@keyframes WoobWoob { @keyframes WoobWoob {
0% { 0% {
box-shadow: 0px 0px 15px #ffbb0b !important; box-shadow: 0 0 15px #ffbb0b !important;
} }
50% { 50% {
box-shadow: 0px 0px 40px #ffd135 !important; box-shadow: 0 0 40px #ffd135 !important;
} }
100% { 100% {
box-shadow: 0px 0px 15px #ffbb0b !important; box-shadow: 0 0 15px #ffbb0b !important;
} }
} }