glow滤镜下文字阴影效果实现实例页面

展示

回到相关文章 »

张小姐长大了!

代码

CSS代码:
.bg{width:512px; height:340px; margin:1em auto; background:url(//image.zhangxinxu.com/image/study/s/s512/mm19.jpg);}
.font{margin:0; padding:1em; color:#fff; text-shadow:0 0 5px rgb(0, 0, 0); font-size:36px; font-family:"微软雅黑", "Yahei Mono"; float:left; filter:glow(color=black, strength=5);}
            
HTML代码:
<divclass="bg">
    <h4 class="font">张小姐长大了!</h4>
</div>