How can i transform a circle pic to a square pic by using only css and html?

Question

like i take a square pic and i crop it into a circle pic like profile pics on site and now i want to change it into square when i take my curser on it and it transform from circle to square.

Answer 1

You can change the border-radius attribute of img in css. It will make the border of the picture a circle at high values. Then you can add an onmouseover event in html.