<button>Увеличить</button>
<div class="block">
  100X100
</div>
.block {
  background: #666;
  width: 100px;
  height: 100px;
  transition: all .15s linear;
}
var size = 0;

$('button').on('click', function() {
  size += 5;
  var square = (100 + size);
  $('.block').css({
    width: square + 'px',
    height: square + 'px'
  }).text(square + 'X' + square);
});

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

  1. https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js