1、文本阴影属性
语法:text-shadow:10px 10px 10px red;
注: 第一个值 : 水平方向的距离 (必须有的:支持负值)
第二个值 : 垂直方向的距离 (必须有的:支持负值)
第三个值 : 阴影的模糊程度 (不支持负值)
第四个值 : 阴影的颜色
第一个值 和 第二个值得位置不能互换;
当给同一个文字设置多个阴影的时候,阴影和阴影之间用逗号隔开:
如: text-shadow:0 0 4px white,0 -5px 4px #ff3,2px -10px 6px #fd3,
-2px -15px 11px #f80,2px -25px 18px #f20;
例:效果图与代码
说明:水平、垂直阴影的位置允许负值
可进行多阴影设置(逗号分隔的方式)
2、盒子阴影属性
box-shadow 盒子阴影:
语法:box-shadow: 10px 10px 5px 10px #888888 inset;
X-shadow 必需的。水平阴影的位置。允许负值
Y-shadow 必需的。垂直阴影的位置。允许负值
blur 可选。模糊距离
spread 可选。阴影的大小
color 可选。阴影的颜色。
inset 可选。从外层的阴影(开始时)改变阴影内侧阴影
当给一个盒子设置多个阴影的时候,阴影和阴影之间用逗号隔开:
box-shadow: 10px 10px 5px 10px #888888 inset,10px 10px 5px 10px #888888 inset,10px 10px 5px 10px #888888 inset;
例:效果图与代码