transition-property

.box {
width: 200px;
height: 200px;
border-radius: 10px;
background-color: tomato;
box-shadow: 0px 2px 1px -1px rgba(0, 0, 0, 0.2),
0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12);
/* Set transition values */
transition-property: background-color, transform;
transition-duration: 500ms;
transition-timing-function: linear;
transition-delay: 0;
}
/* On hover, change the values of animated properties */
.box:hover {
background-color: teal;
transform: rotate(180deg);
}