#transition{
    width: 150px;
    height: 100px;
    border: 1px solid black;
    background-color: antiquewhite;
    margin-left: 10%;
    transition: width 5s, height 3s, transform 2s;
    transition-timing-function: ease-out;
}

#transition:hover{
    width: 300px;
    height: 250px;
    transform: rotate(90deg);
}

#transition1{
    width: 150px;
    height: 100px;
    border: 1px solid black;
    background-color: aquamarine;
    margin-left: 10%;
    transform: translate(250px, 150px);
    transition: width 2s;
    transition-timing-function: ease;
    transition-delay: 1s;
}

#transition1:hover{
    width: 300px;
}