I did a little thing that I want to use for a website which will show about each of the team.
There are 3 social icons, which I positioned absolutely.
The layout is ok.
My problem is that I want to add it some css effect, but am not sure if css can do it.
Here is the plan.
1. I want when a user hovers over any of the social icon, it will slide up a bit. I know if the icons are positioned relative, I will just add transition to it and make it’s hover- top:-5px;
But since it’s positioned absolute, it’s not working. Is there a work around to this?
2. I want a situation when a user hovers over any of the icon, the big circle background carrying the human picture will change to the background color of that particular icon that was hovered.