Анимации с кругом из Andorid 5.0 в web

$('.block').on('click', function(){ 
  $(this).append('<div class="circle"></div>'); 
  var circle = $(this).children('.circle'); 
  circle.width(200).css('margin-left', '-100px'); 
  circle.height(200).css('margin-top', '-100px'); 
});

.block{ 
  width: 100px; 
  height: 100px; 
  position: relative; 
  border: 1px solid; 
  overflow: hidden; 
} 
 
.circle{ 
  border-radius: 50%; 
  position: absolute; 
  left: 50%; 
  top: 50%; 
  width: 0; 
  height: 0; 
  background: red; 
  transition: all 1000ms; 
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script> 
<div class="block"> 
</div>