文字反映CSS?

时间:2011-09-14 11:55:56

标签: html css html5 css3

所有

在设计一些新网站时,我决定在我的设计中使用标题上的一些文字反思

我已经使用@ font-face创建了标题,我不想创建标题图像,所以我想通过css反映它​​

2 个答案:

答案 0 :(得分:2)

Webkit具有反射属性:http://www.webkit.org/blog/182/css-reflections/

但是其他任何地方都不支持,说实话,自从任何其他供应商宣布以来,我在2到3年内没有看到任何动静。

您可以使用canvas标记来模拟效果,但说实话,除非内容是动态的,否则您最好使用图片。

答案 1 :(得分:-1)

.customTextStyle {
    -webkit-box-reflect:below 0px -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(0.5, transparent), to(white));
}