Translate - Scale

<!DOCTYPE html>
<html>
  <head>
    <style> 
	.normal-val, .with-scale {
       width: 150px;
	   height: 100px;
       padding:10px;
       margin-left:100px;
       background-color: tomato;
	   text-align:center;
       border:2px solid black;	   
	}	 
    .with-scale {
      transition: transform 0.5s;
	  background-color: violet;
	  margin-left:90px;
    }
    .with-scale:hover {
      transform: scale(2,1.5);
	  background-color: violet;
	  margin-left:90px;
	  -ms-transform: scale(2,1.5); /*IE*/
      -webkit-transform: scale(2,1.5);  /*Safari and Chrome*/
    }      
    </style>
  </head>
  <body>
    <p>In CSS, scale property is used to define horizontal width and vertical height of the object that is scale(x,y) x=horizontal width and y=vertical height</p>
    <div class="normal-val">
      <h3>Normal: Without any scale() Method</h3>
    </div>
	<h2>scale() is indirectly applied to child elements as well</h2><br>
    <p>Hover Over the below Area:</p>
    <div class="with-scale">
      <h3>Increase width 2 times and height 1.5 times</h3>
    </div>
  </body>
</html>