CSS 破碎文字效果

[老鬼]

很巧妙的效果，原文来自 CSS-Technique: Worn Type。一个破碎效果的图片盖在文字上（span 是 position:absolute，其背景就是破碎图片），多余部分隐藏（overflow:hidden）

<style type="text/css">
h2 {
    font:3em/1em "黑体","宋体",serif;
    font-weight: bold;
    margin:0;
    position: relative;
    overflow: hidden;
    float: left;
}
h2 span {
    position: absolute;
    width: 100%;
    height: 1em;
    background: url(images/wornpattern.gif);
}
p {
    clear: left;
}
</style>
<h2><span></span>这是文字，不是图片哦</h2>
<p>上面是文字，不是图片哦</p>

[沙滩凉鞋]

楼上解手不揩屁股

附上图片

[小宝]

高手啊。.

[rockguitar]

作者: 沙滩凉鞋

楼上解手不揩屁股

附上图片

哈哈！！！

好东西，顶一下·

[彦族一明]

查看一下！

[shangjay]

所有人都注意了！

怎么隐藏CSS的， 告诉一下。谢谢。 想老鬼的CSS 我就怎么都找不到

[不学无术]

不允许访问，不代表找不到。

只不过做了防盗链罢了。

[yjlrwmqj]

用下载工具还是能下下来哦
哈哈