You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
69 lines
1.4 KiB
69 lines
1.4 KiB
.mblSwirl.mblOut { |
|
-webkit-animation-duration: 0.5s; |
|
animation-duration: 0.5s; |
|
-webkit-animation-name: mblSwirlOut; |
|
animation-name: mblSwirlOut; |
|
-webkit-animation-timing-function: ease-in; |
|
animation-timing-function: ease-in; |
|
} |
|
.mblSwirl.mblIn { |
|
z-index: -100; |
|
-webkit-animation-duration: 0.5s; |
|
animation-duration: 0.5s; |
|
-webkit-animation-name: mblSwirlIn; |
|
animation-name: mblSwirlIn; |
|
-webkit-animation-timing-function: ease-in; |
|
animation-timing-function: ease-in; |
|
} |
|
.mblSwirl.mblOut.mblReverse { |
|
-webkit-animation-name: mblSwirlOutReverse; |
|
animation-name: mblSwirlOutReverse; |
|
} |
|
@-webkit-keyframes mblSwirlOut { |
|
from { |
|
-webkit-transform: rotate(0deg) scale(1); |
|
} |
|
to { |
|
-webkit-transform: rotate(-360deg) scale(0); |
|
} |
|
} |
|
@keyframes mblSwirlOut { |
|
from { |
|
transform: rotate(0deg) scale(1); |
|
} |
|
to { |
|
transform: rotate(-360deg) scale(0); |
|
} |
|
} |
|
@-webkit-keyframes mblSwirlOutReverse { |
|
from { |
|
-webkit-transform: rotate(0deg) scale(1); |
|
} |
|
to { |
|
-webkit-transform: rotate(360deg) scale(0); |
|
} |
|
} |
|
@keyframes mblSwirlOutReverse { |
|
from { |
|
transform: rotate(0deg) scale(1); |
|
} |
|
to { |
|
transform: rotate(360deg) scale(0); |
|
} |
|
} |
|
@-webkit-keyframes mblSwirlIn { |
|
from { |
|
-webkit-transform: scale(1); |
|
} |
|
to { |
|
-webkit-transform: scale(1); |
|
} |
|
} |
|
@keyframes mblSwirlIn { |
|
from { |
|
transform: scale(1); |
|
} |
|
to { |
|
transform: scale(1); |
|
} |
|
}
|
|
|