首页h5做一个自动改变的背景

h5做一个自动改变的背景

时间: 2023-10-07 17:09:13 浏览: 37

您可以使用CSS3的animation属性来实现自动改变的背景。以下是一个简单的例子： ``` <html> <head> <style> body { background-image: url('bg1.jpg'); animation: changeBg 10s infinite; } @keyframes changeBg { 0% { background-image: url('bg1.jpg'); } 50% { background-image: url('bg2.jpg'); } 100% { background-image: url('bg3.jpg'); } } </style> </head> <body> <h1>自动改变的背景</h1> </body> </html> ``` 在这个例子中，我们使用了animation属性来定义一个名为changeBg的动画，持续时间为10秒，无限循环。在@keyframes中，定义了三个关键帧，分别对应不同的背景图片。当动画播放时，会按照预定的时间间隔自动切换背景图片。您可以根据自己的需求修改动画的属性，例如持续时间、循环次数、关键帧的位置等等。