Merge pull request #3553 from RobLoach/patch-5

emscripten: Add a glowing animation when loading
This commit is contained in:
Andrés 2016-09-09 23:31:07 -05:00 committed by GitHub
commit 37fe47c209

View File

@ -16,11 +16,34 @@
*/ */
.webplayer-preview { .webplayer-preview {
cursor: wait; cursor: wait;
opacity: 0.3; opacity: 0.2;
transition: all 0.8s;
-webkit-animation: loading 0.8s ease-in-out infinite alternate;
-moz-animation: loading 0.8s ease-in-out infinite alternate;
animation: loading 0.8s ease-in-out infinite alternate;
} }
.webplayer-preview.loaded { .webplayer-preview.loaded {
cursor: pointer; cursor: pointer;
opacity: 1; opacity: 1;
-webkit-animation: loaded 0.8s ease-in-out;
-moz-animation: loaded 0.8s ease-in-out;
animation: loaded 0.8s ease-in-out;
}
@-webkit-keyframes loaded {
from {
opacity: 0.2;
}
to {
opacity: 1;
}
}
@-webkit-keyframes loading {
from {
opacity: 0.2;
}
to {
opacity: 0.35;
}
} }
/** /**