社区讨论LinuxDo 最新
挑战最离谱孙悟空骑自行车测试
孙悟空骑自行车 body { margin: 0; padding: 0; display: flex; justify-content: center; align-items: center; min-height: 100vh; background: linear-gradient(to bottom, 87CEEB 0%, E0F6FF 100%); overflow: hidden; } .scene { position: relative; width: 800px; height: 600px;…
内容摘要
作者：#MichealLi
板块：#搞七捻三
<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>孙悟空骑自行车</title>
<style>
body {
margin: 0;
padding: 0;
display: flex;
justify-content: center;
align-items: center;
min-height: 100vh;
background: linear-gradient(to bottom, #87CEEB 0%, #E0F6FF 100%);
overflow: hidden;
}
.scene {
position: relative;
width: 800px;
height: 600px;
}
/* 地面 */
.ground {
position: absolute;
bottom: 0;
width: 100%;
height: 150px;
background: linear-gradient(to bottom, #90EE90 0%, #228B22 100%);
}
/* 云朵动画 */
.cloud {
pos
资讯来源
LinuxDo