EDUCATIC
/
h5p-memory-game
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

Add greyscale to matched pairs 

Makes them less distractive.
pull/18/head
Frode Petterson 2017-01-20 13:42:35 +01:00
parent 9b6b2ba0e3
commit e60a425f2c
1 changed files with 5 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

9
memory-game.css
View File

@ -30,9 +30,9 @@ html .h5p-memory-game > ul {
-webkit-perspective: 400px; -webkit-perspective: 400px;
-moz-perspective: 400px; -moz-perspective: 400px;
perspective: 400px; perspective: 400px;
-webkit-transition: opacity 0.4s; -webkit-transition: opacity 0.4s, filter 0.4s;
-moz-transition: opacity 0.4s; -moz-transition: opacity 0.4s, filter 0.4s;
transition: opacity 0.4s; transition: opacity 0.4s, filter 0.4s;
} }
.h5p-memory-game .h5p-memory-card .h5p-back, .h5p-memory-game .h5p-memory-card .h5p-back,
.h5p-memory-game .h5p-memory-card .h5p-front { .h5p-memory-game .h5p-memory-card .h5p-front {
@ -109,7 +109,8 @@ html .h5p-memory-game > ul {
-ms-transform: scale(0,1.1); -ms-transform: scale(0,1.1);
} }
.h5p-memory-game .h5p-memory-card.h5p-matched { .h5p-memory-game .h5p-memory-card.h5p-matched {
opacity: 0.25; opacity: 0.3;
filter: grayscale(100%);
} }
.h5p-memory-game .h5p-feedback { .h5p-memory-game .h5p-feedback {