html--一朵花

html

html 复制代码
<!DOCTYPE html>
<html lang="en" >
<head>
<meta charset="UTF-8">
<title>CodePen - Flowers</title>

<link rel="stylesheet" href="css/style.css">

</head>
<body>

<div id="controls"></div>

<script src='js/p5.min.js'></script>
<script src="js/script.js"></script>

</body>
</html>

css

css 复制代码
* { margin:0; padding:0; } 
html, body { width:100%; height:100%; overflow: hidden; background:black;} 
canvas { display:block; }
#controls {
  z-index: 2;
  margin: 20px;
  position: absolute;
  top: 0; left: 0;
  color: white;
}

js


相关推荐
写代码的皮筏艇10 分钟前
React中的'插槽'
前端·javascript
韩曙亮10 分钟前
【Web APIs】元素可视区 client 系列属性 ② ( 立即执行函数 )
前端·javascript·dom·client·web apis·立即执行函数·元素可视区
秋邱12 分钟前
AR 技术创新与商业化新方向:AI+AR 融合,抢占 2025 高潜力赛道
前端·人工智能·后端·python·html·restful
www_stdio14 分钟前
JavaScript 原型继承与函数调用机制详解
前端·javascript·面试
羽沢3116 分钟前
vue3 + element-plus 表单校验
前端·javascript·vue.js
前端九哥19 分钟前
如何让AI设计出Apple风格的顶级UI?
前端·人工智能
一抹残云19 分钟前
Vercel + Render 全栈博客部署实战指南
前端
红石榴花生油19 分钟前
Linux服务器权限与安全核心笔记
java·linux·前端
之恒君19 分钟前
事件冒泡和事件捕获详解
前端·javascript
只与明月听22 分钟前
一个有趣的面试题
前端·后端·python