>>6687830 from last thread==============================
I'm making a new startpage because mine's getting really stale. on hovering <a>, I have each link change background colour - see webm.
However, for the "asoftmurmur" link, I want to have an image instead. How can I animate this image to fade in and out, like the colours do? ATM, I can only make it either pop in and out, or not display at all (the latter being in the webm, and the code below)
<a href="
http://asoftmurmur.com/"; id=murmurcolour>asoftmurmur</a>
#murmurcolour:hover {
background-image: url(murmur.png) no-repeat 0px 0px;
}
==============================
The two suggestions were to use a:after, and background-blend-mode: color (and a color) to simulate a fade. Neither of these worked, I suspect because "they don't include a direct bypass for the fact that background-image isn't animatable."
Does anyone else have any ideas on this, or could maybe point in the direction of a working method?
