帮我i写一段关于蓝色天空的移动端的WEB代码
时间: 2023-08-28 19:31:48 浏览: 36
以下是一个简单的移动端WEB页面代码,展示了一个带有蓝色背景的天空效果:
```html
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Blue Sky</title>
<style>
body {
margin: 0;
padding: 0;
}
.sky {
position: relative;
width: 100%;
height: 100vh;
background-color: #00bfff;
overflow: hidden;
}
.sun {
position: absolute;
top: 20%;
left: 10%;
width: 10%;
height: 10%;
border-radius: 50%;
background-color: #fff;
box-shadow: 0 0 50px #fff;
animation: sunMove 30s linear infinite;
}
@keyframes sunMove {
0% {
transform: translateX(0);
}
100% {
transform: translateX(80%);
}
}
</style>
</head>
<body>
<div class="sky">
<div class="sun"></div>
</div>
</body>
</html>
```
这段代码使用了HTML和CSS来创建一个带有蓝色背景的天空效果,同时添加了一个太阳的动态效果。你可以在移动端浏览器上打开这个页面,查看效果。