canvas实现的烟雾缭绕效果实例页面

展示

代码

CSS代码：

.smoke {
    height: 500px;
    background: #333 url(bg.jpg);
    background-size: cover;
    position: relative;
}
.smoke canvas {
    height: 100%; width: 100%;
}
            

HTML代码：

<canvas id="smokeCanvas"></canvas>
            

JS代码：

// 参见页面源代码