mirror/RetroArch
1
0
Fork 0
mirror of https://github.com/libretro/RetroArch synced 2025-04-24 15:02:35 +00:00
Code Issues Packages Projects Releases Wiki Activity

Merge pull request #3553 from RobLoach/patch-5

Browse Source 
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
1 changed files with 25 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

27
pkg/emscripten/proto.css
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;
}
} }
/** /**
@ -55,4 +78,4 @@ textarea {
border-color: transparent; border-color: transparent;
overflow: auto; overflow: auto;
resize: none; resize: none;
} }