CSS样式文本的虚化效果怎么做?
发布网友
发布时间：2022-04-21 17:36
共6个回答
热心网友
时间：2022-04-06 12:48
文本虚拟化效果可以通过css的text-shadow来实现。
text-shadow语法:
text-shadow ： none | <length> none | [<shadow>, ] * <shadow> 或none | <color> [, <color> ]*
也就是：
text-shadow:[颜色(Color) x轴(X Offset) y轴(Y Offset) 模糊半径(Blur)],[颜色(color) x轴(X Offset) y轴(Y Offset) 模糊半径(Blur)]...
或者
text-shadow:[x轴(X Offset) y轴(Y Offset) 模糊半径(Blur) 颜色(Color)],[x轴(X Offset) y轴(Y Offset) 模糊半径(Blur) 颜色(Color)].
例子：
.demo {background: #666666;width: 440px;padding: 30px; font: bold 55px/100% "微软雅黑", "Lucida Grande", "Lucida Sans", Helvetica, Arial, Sans;color: #fff;text-transform: uppercase;}
热心网友
时间：2022-04-06 14:06
比如
.div{color:transparent; text-shadow:0 0 5px rgba(0,0,0,0.5);}
热心网友
时间：2022-04-06 15:40
.blurry-text{ color:transparent; text-shadow:0 0 5px rgba(0,0,0,0.5); }
参考资料：http://www.isundayblog.com/?p=553
热心网友
时间：2022-04-06 17:32
使用filter:blur(px);
px的值越大，模糊/虚化的效果越好，括号内不支持百分比；
需要做兼容，-webkit-filter:blur(px);
不支持IE。
示例：
效果：
热心网友
时间：2022-04-06 19:40
正确
热心网友
时间：2022-04-06 22:04
虚化效果 具体指什么样的效果
