/* 2d_transforms */
#html, 
#css3,
#car{
    transition: transform 0.5s;
}
#html{
    transition:transform 0.5s;
}

#html:hover{
 transform: rotate(45deg)
}

#css3:hover{
    transform: scale(2);
}

.move-right{
 transform: translateX(900px);
}

/* solution */

article {
  position: relative;
}

article section{
    position: absolute;
    width: 500px;
    left: -520px;
    top: 2.44em;
    background-color: rgb(200,200,200);
    transition: transform 0.5s;
}

article section nav{
    width: 530px;
    text-align: right;
    background-color: rgb(180,180,180);
    padding:0.5em;

}

.visible{
    transform: translateX(500px);
}