如何使自适应背景图像不断增加并恢复到原来的大小？ [关闭]

Question

我需要将 jpg 中的页面背景图像设置为动画 - 我找到了一种解决方案来不断平滑地增加图像，然后在不缩小的情况下恢复到它的真实大小。无悬停 - 无需用户进行任何活动即可自动进行。

请帮忙:)

Answer 1

试试这个，你可以用css做到这一点Fiddle

.bg {
    width:200px;
    background:url('http://placekitten.com/300/301');
    height:200px;
    background-size:100%;
    -webkit-animation:lar 5s infinite;
}
@-webkit-keyframes lar {
    0% {
        background-size:100%;
    }
    50% {
        background-size:200%;
    }
    100% {
        background-size:100%;
    }
}
}

<div class="bg"></div>