<div class="box">Even the text inside the box is transformed and scalled down.</div>
body{
  width: 150px;
  margin: 1% auto;
}

/* div with background */
.box {
  background:blue;
  width: 150px;
  height: 150px;
  color:#fff;
  padding: 1em;
  
  transition: transform 1s;
}

  /* 
  transform: scale 
  */
.box:hover{
    transform: scale(.6);
}

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.