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


相关推荐
用户40993225021221 分钟前
Vue 3 静态与动态 Props 如何传递?TypeScript 类型约束有何必要?
前端·vue.js·后端
程序员库里22 分钟前
TipTap简介
前端·javascript·面试
关中老四22 分钟前
【js/web甘特图插件MZGantt】如何使用外部弹框添加和修改任务(updRows方法使用说明)
前端·javascript·甘特图·甘特图插件
nunumaymax29 分钟前
css实现元素和文字从右向左排列
前端·css
yatum_20141 小时前
CentOS 7 集群 SSH 免密与主机名配置文档
linux·前端·网络
014-code1 小时前
Vue 生命周期完全指南
前端·javascript·vue.js
冴羽yayujs1 小时前
资深前端都在用的 9 个调试偏方
前端·javascript·调试
Amumu121381 小时前
CSS移动端
前端·css·css3
lichenyang4531 小时前
组件设计模式与通信
前端·javascript·设计模式