body {
    background-color: bisque;
}
section {
    width: 200px;
    height: 200px;
    transition: transform 1s;
    
}

section:nth-child(1):hover{
    background-color:red;
    transform: rotate(45deg);
}

section:nth-child(2):hover{
    background-color:plum;
    transform: scale(0.75);
}

section:nth-child(3):hover{
    background-color:yellowgreen;
    transform: skewY(45deg);
   
}

section:nth-child(4):hover{
    background-color:blue;
    transform:translateX(40px);
}