[分享]css3文字右边倒影

CSS3提供了很多令人兴奋的功能，其中之一就是文字右边倒影。文字右边倒影不仅可以在文字上制造出反射效果，还可以给网站设计增加层次感。下面是一个简单的CSS示例：p { textshadow: 1px ...

CSS3提供了很多令人兴奋的功能，其中之一就是文字右边倒影。文字右边倒影不仅可以在文字上制造出反射效果，还可以给网站设计增加层次感。

下面是一个简单的CSS示例：

p {
    text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.7);
} 

在这个例子中，使用了text-shadow属性，该属性可以在文本周围添加阴影。text-shadow属性有四个值，分别为偏移量X、偏移量Y、模糊半径和颜色。偏移量X和偏移量Y控制阴影的位置，模糊半径控制阴影的模糊程度，而颜色则控制阴影的颜色。

在这个示例中，我们的偏移量分别为1像素和1像素，模糊半径为2像素，颜色为黑色（rgba(0, 0, 0, 0.7)）。这个设置产生的效果是在文字右侧产生一个微弱的阴影，给人一种文字漂浮在底部的感觉。

需要注意的是，text-shadow属性并不是所有浏览器都支持的。在IE浏览器上，只有IE9及以上的版本才支持text-shdaow属性。

总体来说，文字右边倒影是一个很好的CSS3功能，可以给网站添加一些视觉上的层次感。