发光的代码

2010-10-03 黄毅

images/text-effects/Screenshot.png

css3中有了几个新的文本相关属性: text-stroketext-fill-colortext-shadow ,在自己博客上做了下实验 ;-)

在博客中所有代码块的左上角都加上了 "toggle effects" 的按钮,点击即可切换CSS3的效果。测试了chrome和firefox的支持情况,firefox不支持 text-stroke ,效果稍微差点,chrome中都支持,不过在滚动的时候渲染效果还是有点bug。

下面是更多截图,代码也可以如此漂亮 ;-)

images/text-effects/Screenshot-3.png images/text-effects/Screenshot-1.png images/text-effects/Screenshot-2.png
blog comments powered by Disqus

转载请注明出处,收藏或分享这篇文章到: