由于前几天我的博客被网易关了所以打不开,如果给大家带来了不方便,博客教材向各位道歉!将研究的下面代码奉献给大家!
教您用代码制作代码贴的生日蜡烛 谢谢您对博客教材的支持
|
|
|||||||
|
|
| ||||||
|
|
说明:
说明:不管什么颜色的蜡烛,点燃后火焰应该是红黄色的,蜡烛的上部也是黄色的.
要达到这种效果,我们用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
渐变结束的颜色
效果:
代码:
<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>
分解:
<TABLE style="FILTER: revealTrans progid:DXImageTransform.Microsoft.gradient(gradientType=0,startColorstr=yellow, endColorstr=#ff00ff)" height=160 cellSpacing=0 cellPadding=0 width=40 align=center border=0>
<TBODY>
<TR>
<TD>
</TD></TR></TBODY></TABLE>
2、
<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=green)"></TD></TR></TBODY></TABLE>
请各位拿去的时候记得留个言哦!呵呵!我在这里谢谢大家啦!
评论