<div></div>
div {
    width: 80px;
    height: 80px;
    background-color: cornflowerblue;
    margin: 20px;
    transition: all 2s;
}

div:hover {
    transform: translate(50px, 50px) rotate(360deg) scale(1.5);
    background-color:greenyellow;
    border-radius:50%;
}

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.