2D Transform

This page was create by following the video tutorials

Rotate

Here is the relevant code

#img1{              
  transition: transform 0.5s;                  
 }               

#img1:hover{                
   tranform: rotate(45deg);                 
}

Transform Scale

Here is the relevant code

#img2{                           
  transition: transform 0.5s;              
 }                           
            
#img2:hover{                           
  transform: scale(2);              
}

Translate

Here is the relevant code

#img3{                                         
 transition: transform 0.5s;                           
}                                        
                        
.move-right{            
 transform: translateX(900px);               
}