如何在Javascript或CSS中实现全背景烟雾效果
How can in achieve full background smoke effect in Javascript or CSS
im试图使用以下代码:
http://codepen.io/MIML/pen/iBKyC
canvas {
position:absolute;
margin-left : 50%;
left: -150px;
}
在我的页面底部放一些烟,但我在搜索如何使用100%的宽度!
你知道,我页面的底部都是烟雾。
谢谢。
很酷!通常我们不会为您编写代码,但这一个由我负责。
首先,将CSS代码更改为:
canvas {
position: absolute;
width: 100%; height: 200px;
bottom: 0px; left: 0px;
}
这将横跨整个页面的画布,但不会有足够的"烟雾"。
要添加更多烟雾,请将spawn()
功能替换为此!
function spawn() {
if(new Date().getTime() > lastTime + minSpawnTime) {
lastTime = new Date().getTime();
parts.push(new smoke(0, emitterY));
parts.push(new smoke(50, emitterY));
parts.push(new smoke(100, emitterY));
parts.push(new smoke(150, emitterY));
parts.push(new smoke(200, emitterY));
parts.push(new smoke(250, emitterY));
parts.push(new smoke(300, emitterY));
}
}
希望你喜欢!
相关文章:
- 使用JS如何动态更改显示的html文件中的文本背景颜色
- 如何使用动画实现纸张推车
- 客户端服务器REST API captcha实现
- 如何实现此布局
- 可以在这里为背景图像设置滤镜吗
- 如何使用jquery更改html中的背景颜色
- 使用 js 将背景图像设置为 HTML
- 使用带括号的图像URL作为jQuery的背景
- 如何使用css动画/javascript使具有背景图像的元素出现
- Meteor忘记了密码的实现
- 如何在Javascript或CSS中实现全背景烟雾效果
- 如何实现此背景滚动效果
- 在JQuery/Javascript中使用暂停/播放图标实现背景音乐
- 实现基于浏览器宽度的大图像背景拉伸的最简单方法
- 如何使背景图像随光标移动?试图实现这个相互依赖
- 如何在点击按钮时实现背景图像位置变化的幻灯片效果
- 这个背景图像是如何实现的
- 尝试实现一个js颜色选择器来改变html5文档的背景
- 如何实现理想的视频背景
- 为HTML元素实现鼠标悬停背景颜色更改的最简单方法是什么