CSS3文本阴影、盒子阴影
CSS3文本阴影、盒子阴影:
一、文本阴影属性
text-shadow:npx npx npx color;
正常情况:
第一个值 : 水平方向的距离 (必须有的:支持负值)
第二个值 : 垂直方向的距离 (必须有的:支持负值)
第三个值 : 阴影的模糊程度 (不支持负值)
第四个值 : 阴影的颜色
第一个值 和 第二个值得位置不能互换;
当给同一个文字设置多个阴影的时候,阴影和阴影之间用逗号隔开:
说明:水平、垂直阴影的位置允许负值
可进行多阴影设置(逗号分隔的方式)
二、盒子阴影属性
box-shadow:npx npx npx npx color inset
正常情况:
X-shadow 必需的。水平阴影的位置。允许负值
Y-shadow 必需的。垂直阴影的位置。允许负值
blur 可选。模糊距离
spread 可选。阴影的大小
color 可选。阴影的颜色。
inset 可选。从外层的阴影(开始时)改变阴影内侧阴影
当给一个盒子设置多个阴影的时候,阴影和阴影之间用逗号隔开: