body{
    box-sizing:border-box;
    margin:0;
    padding:0;
}

div{
    background-color: #DD5735;
    width:300px;
    height:200px;
}


.decoration1 div:hover{
    transform: translate(400px);
}
.decoration2 div:hover{
    transform:  scale(0.5) translate(400px);
    
}

.decoration3 div{
         transition: all 1s;
}
.decoration3 div:hover{
     transform:  rotate(45deg)translate(400px);
     
}
.decoration4 div:hover{
    transform:skew(15deg, 15deg); 
}
.decoration5 div:hover{
    transform:  rotate(25deg)translate(10em)scale(0.5);
}
.decoration6 div{
    transition:background-color 1s;
}

.decoration6 div:hover{
    transform:  scale(2);
    background-color: blue;
    cursor:pointer;
}


.decoration7 div:hover{
    
}