Board Thread:Support Requests - Designing Your Wiki/@comment-26447726-20190822073807

✔ [ANSWERED] I'm attempting to fix up a hover design (link of the draft) for the character section of the main page. But as you can see, the hover circle animates at the back of the character image. And how do you animate such that it starts at the center of the image? I don't know what's wrong with the code, the CSS or the HTML? I'm out of noob-ish ideas, help? (link to Common.css page; refer to the "Mainpage portal" section)

? [UPDATE] (copied from my reply below) : I made it so that a circular image appears when hovered, but the image starts animating from the top-left and not from the center. Help? (link to draft template above) 