画像のhover時の回転と拡大
<div>
<img src="https://cdn.pixabay.com/photo/2020/04/08/08/56/squirrel-5016507_640.jpg">
</div>
div {
width: 300px;
height: 300px;
border-radius: 50%;
overflow: hidden;
}
img {
width: 100%;
height: 100%;
object-fit: cover;
transition: .6s;
}
img:hover {
transform: rotate(10deg) scale(1.5);
}