CodePen

HTML

            
              <div id="startsSmall">
  Click Me - Starts Small
</div>
<div id="startsLarge">
  Click Me - Starts Large
</div>
            
          
!
via HTML Inspector

CSS

            
              body {
  background: black;
}
div {
  margin: 0 auto;
  color: white;
  cursor: pointer;
  -webkit-transition: -webkit-transform 400ms;
  -webkit-transform-origin: center top;
  -webkit-font-smoothing: antialiased;
  background: black;
  width: 1200px;
  margin: 0 auto;
}
#startsSmall { 
  font-size: 100px;
}
#startsLarge { 
  font-size: 200px;
}
div.scaleUp {
	-webkit-transform: scale(4, 4);
}
div.scaleDown {
  -webkit-transform: scale(0.25, 0.25);
}
            
          
!
? ?
? ?
Must be a valid URL.
+ add another resource
via CSS Lint

JS

            
              $('#startsSmall').click ->
  $(this).toggleClass('scaleUp');
$('#startsLarge').click ->
  $(this).toggleClass('scaleDown');
            
          
!
Must be a valid URL.
+ add another resource
via JS Hint
Loading ..................