text-shadow
2024-09-04 17:16:28
text-shadow,文字阴影，通过text-shadow不使用ps可以实现文字阴影特效，可以让页面变得更加美观。
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)]... 例如text-shadow:0 0 5px #fff;使用起来很方便快捷就能让文字实现好看的效果；X offset就是在X轴上产生的阴影偏移效果，正值代表阴影向右偏移，相反向左。Y offset就是在Y轴上的阴影偏移也就是垂直方向，正值代表阴影向下偏移，相反向上。Blue是阴影模糊值，其不能为负，值越阴影就越模糊。Color是阴影颜色，可以使rgba。text-shadow：0 0 5px red；这样出现的文字是有阴影但是却很单调，只有红色边线，那么可以对一个text-shadow设置多个比较大的模糊半径来增加其辉光效果，可以改变不同的模糊半径值来达到不同的效果，当然也可以同时增加几个不同的半径值，创造多种不同的阴影效果。
最新文章
- Windows 10预览版14316开启Bash命令支持
- point\polyline\polygon的转化（转）
- jQuery事件绑定on、off 和one，取代bind, live, delegate
- QT5删除隐藏目录+隐藏文件（使用Process::start函数调用系统命令，且等待到结束）
- [翻译] - <Entity Framework> - 直接执行数据库命令
- 拼接json时小心C#中bool类型转化
- bzoj1007
- MyEclipse常见配置及调试
- PHP 中的注释
- 【问题备注】VS2012不能输入代码，文字…
- Eclipse修改背景保护色及变量、方法的高亮
- 微信获取ticket及生成二维码（临时或永久）
- Linux(2)---记录一次线上服务 CPU 100%的排查过程
- python 安装numpy遇到无法卸载的解决办法
- 第25月第3天 Mxshop项目记录01
- Hadoop概念学习系列之Java调用Shell命令和脚本，致力于hadoop/spark集群（三十六）
- SpringMVC-Controller
- 能否通过六面照片构建3D模型？比如人脸，全身的多角度照片，生成3D模型。？
- zabbix 监控 Esxi
- 【BZOJ】1641: [Usaco2007 Nov]Cow Hurdles 奶牛跨栏（floyd）