Hi, nice solution but why don't you just insert image element in to the <a></a> ? It would be the easiest way I guess(if I understand correctly what you are trying to do), if user wants to click it, that activates hover effect anyways. And also you can add :focus state on <a> tag and that will be same as hover state, in case someone only uses keyboard and not mouse/cursor.
Marked as helpful
@FluffyKas
Posted
@hardy333 Yeah, I was wondering if I should do that, just wasn't sure if that's the correct way of doing it. I'll change it ^^ And thanks for reminding me of focus, I completely forgot, though I usually like to add different styles for focused elements :)