纯CSS实现随机页面背景图自适应

纯CSS实现让页面自动随机更换背景并图片自适应操作,以下是代码部分。

客观请慢用 …

代码:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>随机切换网页背景图效果-css实现</title>
</head>
<style>
body{
position: fixed;
width: 100%;
background-repeat: no-repeat;
background-size: cover;
z-index: 1;
top: 0;
left: 0;
background-position: center 0%;
background-attachment: fixed;
height: 100%;
background-image: url(https://unsplash.it/1600/900?random);
}
</style>
<body>
</body>
</html>

效果 (尝试拉动浏览器边框改变浏览器大小):