FONT AWESOME movement

Question

I have imported the social fonts from FONT AWESOME but I want it to MOVE UP (top: 5px) for few pixels on hovering it. But I can’t find a perfect solution. Here is my code please leave your code bits URL in the answers.

https://code.sololearn.com/WwFz2bbiUw9V/?ref=app

Answer 1

Hi.
Try this:
svg:hover
{
color: #6900d3;
transform: translateY(-5px);
}

Answer 2

@DRen it worked thank you :-)

Also it will be applied to all SVG, is there any way to target particualar font.
eg: i only want to hover my Instagram font.

Answer 3

I suggest use an id for that particular element