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


相关推荐
冲!!1 分钟前
SCSS 中的Mixins 和 Includes,%是什么意思
前端·css·scss
星语卿1 小时前
Vuetify:构建优雅Vue应用的Material Design组件库
前端·javascript·vue.js
roman_日积跬步-终至千里1 小时前
【系统架构设计(25)】Web应用服务器与现代架构
前端·架构·系统架构
yshhuang2 小时前
在Windows上搭建开发环境
前端·后端
littleplayer2 小时前
Redux在iOS中的使用
前端
跟橙姐学代码2 小时前
Python里的“管家婆”:带你玩转os库的所有神操作
前端·python·ipython
jingling5552 小时前
uniapp | 快速上手ThorUI组件
前端·笔记·前端框架·uni-app
UrbanJazzerati2 小时前
可拖拽的进度条组件实战:实现思路与Demo
前端·面试
Cache技术分享2 小时前
188. Java 异常 - Java 异常处理规范
前端·后端