用代码制作蜡烛
效果:
代码如下:
效果:
<TABLE style="FILTER: alpha(opacity=100,finishopacity=0,style=2)" height=110 cellSpacing=0 cellPadding=0 width=35 align=center border=0>
<TBODY>
<TR>
<TD style="FILTER: revealTrans progid:DXImageTransform.Microsoft.gradient(gradientType=0,startColorstr=yellow, endColorstr=red)">
</TD></TR></TBODY></TABLE>
<TABLE style="FILTER: revealTrans progid:DXImageTransform.Microsoft.gradient(gradientType=0,startColorstr=yellow, endColorstr=#ff0000)" height=160 cellSpacing=0 cellPadding=0 width=40 align=center border=0>
<TBODY>
<TR>
<TD>
</TD></TR></TBODY></TABLE>
说明:不管什么颜色的蜡烛,点燃后火焰应该是红黄色的,蜡烛的上部也是黄色的.
要达到这种效果,我们用CSS颜色渐变就可以作到.
火焰的语法里已经用了style="FILTER: alpha(opacity=100,finishopacity=0,style=2)"
那么可以在<td>里使用渐变,即把
style="FILTER: revealTrans progid:DXImageTransform.Microsoft.gradient(gradientType=0,startColorstr=yellow, endColorstr=red)"
这一句放在<td>里.
gradientType=0 表示渐变的方向.
0 从上往下渐变
1 从左往右渐变
startColorstr=yellow
渐变开始的颜色
endColorstr=red
渐变结束的颜色