25. Transform : CSS

Transform

Transform
The Transform property applies a 2D or 3D change to a component. This property permits you to rotate, scale, move, skew., components. This property is likewise utilized in making animation. 


We can add transform property straightforwardly to the actual crate. 

  • transform: rotate(45deg); 


We need to apply the progress impact in the container so it seems as though a total change impact. 

  • transition: all 0.5s back in-out; 


We can add different transition impacts -

  • Rotate() - It will turn the container to the given degrees. 
  • Skew() - It is utilized at times when we need to put the substance on one side or we need to show the 3D impact 
  • Scale() - The container will turn out to be huge relying upon the qualities we give. The container will develop from the underlying size.
  • Translate() - It is utilized to move the container in the x or y-axis separately by giving a few qualities.

Post a Comment

0 Comments