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


相关推荐
WEI_Gaot4 分钟前
React 19 Props 和 react-icons 和 事件处理函数
前端·react.js
10年前端老司机4 分钟前
微信小程序模板语法和事件
前端·javascript·微信小程序
龙在天5 分钟前
Promise.withResolvers() vs 传统 Promise:谁更胜一筹?
前端
xinhong5 分钟前
Vue3 学习笔记
前端
Evenknow6 分钟前
将"修改源码"改为更专业的"二次开发",体现技术深度
前端·github
khalil6 分钟前
浅析TS枚举与位运算的结合
前端·typescript
yanglei6 分钟前
electron-updater 核心源码解析
前端
神仙别闹9 分钟前
基于Java+MySQL 实现(Web)日程管理系统
java·前端·mysql
布列瑟农的星空11 分钟前
webworker 实践:外部依赖引入和打包问题
前端·低代码
傻小胖13 分钟前
发布一个npm包,更新包,删除包
前端·npm·node.js