.box {
height: 10rem;
width: 10rem;
background: #4a9bb1;
// muutuse kestus, soovitatav märkida millisekundites, kuna JS ühikuks vaikimisi on millisekund
// transition-duration: 500ms;
// mis muutub, saab kasutada väärtusi all, mis rakendab transitioni kõigile elementidele, või siis nimetada neid ükshaaval komaga eraldades
// transition-property: background, transform;
// muutuse ajamäär, vb linear, ease-in, ease-out ja ease-in-out
// transition-timing-function: ease-in-out;
// alguse viide, ehk kaua animatsiooni algusega viideteakse
// transition-delay: none;
// Kõik need saab kirjutada ka ühele reale
transition: 500ms all ease-in-out;
&:hover {
background: #62a769;
transform: rotate(45deg);
}