admin 管理员组

文章数量: 1184232

一、学习背景与效果

前些天翻大神blog,看到了张鑫旭大神写的一篇 ,深受启发。详细了研究了一下烟雾效果的代码,效果如下: 。(!-- 去掉了原文中的背景图 --!)

效果图:

代码如下:

<!DOCTYPE html><html><head><title>canvas实现的烟雾缭绕效果</title><style>.smoke{
      height:500px;
      background:#fff;
      background-size: cover;
      position: relative;
    }.smokecanvas{
      height:100%;
      width:100%;
    }</style></head><body><divid="main"><h1>canvas实现的烟雾缭绕效果实例页面</h1>

本文标签: 烟雾效果 雾缭绕效 编程