上面的效果看起来还不错吧。在网页里，除了用Flash，我们还是有不少方法可以实现它。
显然这种效果不复杂，一张背景图片，加上前面带有透明度的多边形图层，在脚本控制下就可以转起来了。但问题在于用什么方法来构建这个多边形？
在IE下可以用VML，其他浏览器可以用Canvas等等。虽然行的通，但都不是最简单的。仔细分析下，该效果本质就是若干个三角形拼接而成。而三角形，如果你熟悉CSS2的话，一定在哪个地方见过。。。
首先来看一个100*100尺寸的div，他有4条彩色的边框：
当然，此时你看不出什么。现在我们把div的边框宽度设置成50px：
你发现什么了？边框与边框之间的交界处正好是条斜线。现在我们把div的长宽都设置成0，并且试着改变每条边的边框宽度：
<style>
.BG5
{
background: #CC9900;
}
.demo5
{
width: 0px;
height: 0px;
overflow: hidden;
filter: alpha(opacity=60);
_filter: Chroma(color='black') alpha(opacity=60);
opacity: 0.6;
border-left: 50px #000 solid;
border-top: 20px transparent solid;
border-right: 0px green solid;
border-bottom: 0px blue solid;;
}
</style>
<div class="BG5">
<div class="demo5"></div>
</div>
提示：您可以先修改部分代码再运行
通过这个背景层，更好的看出其中一个边框设置成透明了。
如此一来，我们只需创建若干个div，通过设置其边框来拼接成相应的多边形。
事实上我们可以利用边框两边的三角形，这样只需创建4个遮罩层。至于代码如何写，拿张草稿纸出来，在上面推算下就可以了。