prenex/magcms
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

[enh] animate darkening of a:hover

Browse Source
This commit is contained in:
Laurent Peuch 2015-12-04 13:37:04 +01:00
parent 00f015e635
commit 5f7147f0b6
1 changed files with 8 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
materialize/css/style.css
View File

@ -36,7 +36,15 @@ body {
height: 100%; height: 100%;
} }
@keyframes darken {
from {background-color: rgba(0, 0, 0, 0);}
to {background-color: rgba(0, 0, 0, 0.3);}
}
.gallery-square > a:hover { .gallery-square > a:hover {
animation-name: darken;
animation-duration: 0.15s;
animation-iteration-count: 1;
background-color: rgba(0, 0, 0, 0.3); background-color: rgba(0, 0, 0, 0.3);
} }