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 {
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 {
cursor: pointer;
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;
}
}
/**
@ -55,4 +78,4 @@ textarea {
border-color: transparent;
overflow: auto;
resize: none;
}
}