Protected Fate
Or even better, grey scale and translucent then when you hover over them they go 100% opacity and colour... Any code for that either?
It is possible, but the crossbrowser compatibility of it is limited. For Gaia, it's so far only compatible with Webkit/Blink browsers (Chrome, Safari, and new versions of Opera) and Internet Explorer versions 6 to 9. If we had access to the HTML we could add support for Firefox and IE10 using SVG filters, but we don't, so this is the code that you are left with:
.avatar_decoration{
opacity:0.5;
-webkit-filter:grayscale(100%) ;
filter:gray;
filter:grayscale(100%) ;
transition:0.5s;
}
.avatar_decoration:hover{
opacity:1;
-webkit-filter:grayscale(0%) ;
filter:none;
filter:grayscale(0%) ;
}
This is not very well supported so the code is a bit of a mess, but it's necessary if you want to get as much cross browser support as possible.
I've added a transition as well but if you don't want it, just remove transition:0.5s;