how to code images that will pop up when i hover over the center image?

im still a newbie at css and html. just like in the image, there should be four images that will pop up if i hover over the circle in the middle. i also want these images to be clickable so that they will go to a different page in my website. is there a way i can code this using css animations?
No description
7 Replies
Mannix
Mannixā€¢9mo ago
you certainly can do it https://codepen.io/MannixMD/pen/oNOYMgq little bit of a warning my solution uses the has selector
Mannix
CodePen
oNOYMgq
...
glutonium
glutoniumā€¢9mo ago
da closing tag of those li tho šŸ’€
Mannix
Mannixā€¢9mo ago
i had them as divs but since it's a menu switched them to ul/li codepen didn't cooperate with me there
glutonium
glutoniumā€¢9mo ago
ok xD
MarkBoots
MarkBootsā€¢9mo ago
wanted to play with it a little too https://codepen.io/MarkBoots/pen/ExJNddN doesn't require the has-selector, and has the <a> tags as well for your links
Mannix
Mannixā€¢9mo ago
damn that rotating effect is nice Mark šŸ˜„
ZNP
ZNPā€¢9mo ago
That's amazing Experimented with it for quite a bit and I love it, learnt so much
Want results from more Discord servers?
Add your server