html - 蓝色燃烧效果 - 他们是怎么做到的？

Question

我想做的效果类似于this site's上写的标题(Thought Xpress) 标题。我们到底是怎么做到这样的效果的？

我的意思是，这个名字似乎燃烧并且有一些*blueish烟雾*(blue ) 在它上面。

Answer 1

那个网站是我的博客...这是代码:

#header-wrapper{width:960px;margin:0px auto 0px;padding:24px 0px 23px 0px;overflow:hidden;background:url(some Image) no-repeat;}
#header-inner{background-position:center;margin-left:auto;margin-right:auto;}
#header{margin:10px auto auto 33%;border:0 solid $bordercolor;color:$pagetitlecolor;float:center;width:46%;overflow:hidden;}
#header h1{color:#FFFFFF;text-shadow:0px 1px 0px #000,0 0 10px #05B7FF, 10px -10px 15px #05B7FF, -20px -20px 20px #05B7FF, 20px -40px 25px #05B7FF, -20px -60px 10px #05B7FF, 0 -80px 30px #05B7FF, 10px -90px 40px #05B7FF,2px 2px 10px #05B7FF,0 0 1px #05B7FF, 0 0 2px #05B7FF, 0 0 5px #05B7FF, 0 0 5px #05B7FF, 0 0 5px #05B7FF, 0 0 10px #05B7FF, 0 0 20px #05B7FF, 0 0 30px #05B7FF,0 0 10px #FFFFFF,-2px 0 5px #FFFFFF,0 2px 5px #FFFFFF,0 -2px 5px #FFFFFF;margin:0 5px 0;padding:100px 0px 0px 15px;font-family:'Oswald',Arial,Helvetica,Sans-serif;font-weight:bold;font-size:32px;line-height:32px;}
#header h1 a,#header h1 a:visited{color:#FFFFFF;text-decoration:none}

注意:第四行，header h1，是您查询的关键答案。

---

注意:header:visited 是必需的，header:hover 效果会破坏效果。