Why isn't the hover effect of color transition and underline being applied to the image? It seems to only work for text. While I understand that the color transition may require a change in image color, shouldn't the underline still occur?
This is my CSS code:
a {
color: #2b9af3;
cursor: pointer;
display: inline-block;
text-decoration: none;
}
a {
background-color: transparent;
}
a {
color: #2b9af3;
cursor: pointer;
display: inline-block;
text-decoration: none;
}
a {
background-color: transparent;
}
a:hover {
color: #33ccff;
text-decoration: underline;
transition: color 0.4s ease 0s;
}
Here's the HTML:
<a class="hx-back-to-top">Back to top <img src="http://dummyimage.com/7x9/000/fff" class=""></a>
Check it out on jsfiddle: http://jsfiddle.net/v8rv26dx/1/