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


相关推荐
兰亭古墨几秒前
钉钉工作台自建组件定时器被禁?用 Swiper 模拟 setInterval 的优雅方案
前端·钉钉
phltxy10 分钟前
Vue核心进阶:v-model深度解析+ref+nextTick实战
前端·javascript·vue.js
三小河13 分钟前
React 样式——styled-components
前端·javascript·后端
Hi_MrXiao18 分钟前
电脑上安装使用多个版本的谷歌浏览器
前端·chrome
广州华水科技19 分钟前
单北斗GNSS变形监测一体机在大坝安全监测中的应用探索
前端
colicode21 分钟前
C++语音验证码接口API示例代码详解:高性能C++语音校验接入Demo
前端·c++·前端框架·语音识别
We་ct23 分钟前
LeetCode 92. 反转链表II :题解与思路解析
前端·算法·leetcode·链表·typescript
Wect37 分钟前
LeetCode 92. 反转链表II :题解与思路解析
前端·算法·typescript
Wect39 分钟前
LeetCode 138. 随机链表的复制:两种最优解法详解
前端·算法·typescript
像颗糖41 分钟前
OpenSpec 和 Spec-Kit 踩了 27 个坑之后,于是我写了个 🔥SuperSpec🔥 一次性填平
前端·后端