我有一个用HTML设置的背景图片，使用CSS，图片是一个完整尺寸的背景图片，覆盖了所有的网页。我想做的是让图像在后台自动放大和缩小，无需任何用户交互。
这是一个gif解释我想要实现的目标;
关于我将如何做到这一点的任何想法？我想象它会是某种JQuery插件，我不是JQuery中最伟大的，所以任何和所有的帮助都会非常感激！
谢谢！
答案 0 :(得分：5)
首先，请不要这样做，这是让人们远离您网站的绝佳方法！
话说回来，通过将animation应用到body body{
-webkit-animation:zoom 5s infinite;
animation:zoom 5s infinite;
background:url(https://picsum.photos/1900/1900/?random) center center fixed no-repeat;
}
@-webkit-keyframes zoom{
0%,100%{
background-size:100%;
}
50%{
background-size:125%;
}
}
@keyframes zoom{
0%, 100%{
background-size:100%;
}
50%{
background-size:125%;
}
}的{{3}}属性，您可以单独使用CSS，而无需使用任何JavaScript。标签（或您正在使用的任何元素），如下所示：
var myObject = {};
var myFunction = function() {/* code goes here*/};
myObject.myMethod = myFunction;
您可以调整动画设置以满足您的需求，您可能还需要使用比我提供的更多的供应商前缀，具体取决于您的目标浏览器支持级别。有关浏览器兼容性表，请参阅background-size。