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


相关推荐
攀登的牵牛花几秒前
前端向架构突围系列 - 跨端技术 [11 - 1]:JSBridge 原理与 Hybrid设计
前端
用户57573033462420 分钟前
从 LocalStorage 待办清单到 CSS 核心机制:一次搞懂数据持久化、继承与盒模型陷阱
前端
codingWhat27 分钟前
前端组件库开发实践:从零到发布
前端·npm·vite
cxxcode32 分钟前
浏览器模块加载与 Webpack 打包原理
前端
兆子龙33 分钟前
React Compiler 来了:少写 useMemo,照样稳
前端·架构
用户54330814419433 分钟前
Manifest V3 实战:从补天网站逆向到 Chrome 扩展开发全记录
前端·后端
zhqiok36 分钟前
React中类似于Vue中Pinia的轻量级状态管理神器——Zustand
前端
Mintopia39 分钟前
促成高端技术方案形成的关键要素与实践路径
前端
摸鱼的春哥3 小时前
春哥的Agent通关秘籍13:实现RAG查询
前端·javascript·后端
明月_清风3 小时前
滚动锁定:用户向上翻看历史时,如何阻止 AI 新消息把它“顶”下去?
前端·javascript