jquery - HTML - 增长/过渡图像/颜色以填充整个网页

Question

关于这个fiddle , 当我点击 a href在这种情况下这是一个图像，我希望图像从 div 开始增长/过渡以通过过渡/缩放填充整个页面它被放置在其中。如果这不可能，我想用 div 的背景颜色填充页面图像被放置在从 div 开始的颜色过渡/填充中包含图像。

我尝试应用缩放、变换、叠加，但无法正确应用。因此，请在这里请求帮助。示例中的代码没有我尝试过的转换，因为它们无论如何都不起作用。

我已尽我所能将我的想像付诸文字。如果不清楚并且有人愿意提供帮助，请随时提问。

Answer 1

我会避免将图像放大到整个 HTML 正文，因为图像会像素化并降低浏览器性能。

这是我填充网页颜色的解决方案:

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

See Demo Here