Html - Grow/transition Image/color To Fill Entire Web Page

With respect to this fiddle, When I click on the a href which is an image in this case, I'd like the image to grow/transition to fill the full page with the transition/scaling star

Solution 1:

I would avoid to scale up the image to entire HTML body, because the image will be pixelated and slow down the browser performance.

Here is my solution to fill up web page color:

$('.circleDiv').on('mouseenter', 'a', function() {
  $('body').animate({
    backgroundColor: "#09f"
  }, 1000);
});

See Demo Here