加入 Gitee
与超过 1200万 开发者一起发现、参与优秀开源项目,私有仓库也完全免费 :)
免费加入
文件
该仓库未声明开源许可证文件(LICENSE),使用请关注具体项目描述及其代码上游依赖。
克隆/下载
bg-canvas-css.html 1.02 KB
一键复制 编辑 原始数据 按行查看 历史
xuqingkai 提交于 2023-05-03 22:18 . 修改首页作为引导页
<!DOCTYPE html>
<html lang="zh-cn" xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta charset="utf-8">
<title>css background</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<style>
#canvas {
width: 100%;
height: auto;
overflow: hidden;
position: absolute;
top: 0;
left: 0;
background-color: #1a1724;
}
.canvas-wrap {
position: relative;
}
div.canvas-content {
position: relative;
z-index: 2000;
color: #fff;
text-align: center;
padding-top: 30px;
}
</style>
</head>
<body>
<div id="canvas" style="background: -webkit-gradient(linear, 0% 0%, 100% 0%, from(rgb(255, 13, 196)), to(rgb(182, 117, 84)));"></div>
<script src="./canvas/three.min.js"></script>
<script src="./canvas/canvas-renderer.js"></script>
<script src="./canvas/3d-lines-animation.js"></script>
</body>
</html>
马建仓 AI 助手
尝试更多
代码解读
代码找茬
代码优化