<html>
<head>
<style type="text/css">
img {
width:100px;
height:100px;
border-radius:50%;
}
img:hover {
animation:circle 5s;
}
@keyframes circle {
100%{width:300px;height:300px;}
}
</style>
</head>
<body>
<img src="sample.jpg">
</body>
</html>
