<html lang="en">
<head>
<title> CSS3 rotate() Method </title>
<meta charset="UTF-8">
<style>
.droplet {
background: green;
border-radius: 2% 50%;
height: 100px;
margin: 100px;
transition: all 3s;
transition-timing: ease-in-out;
width: 100px;
}
.droplet:hover {
transform: rotate(1080deg);
}
</style>
</head>
<body>
<div class="droplet"></div>
</body>
</html>