box-shadow和text-shadow

2017-09-14  本文已影响0人  没_有_人

text-shadow:文字阴影

text-shadow : x offset | y offset | blur | color ;

语法:

text-shadow:[颜色(Color) x轴(X Offset) y轴(Y Offset) 模糊半径(Blur)],[颜色(color) x轴(X Offset) y轴(Y Offset) 模糊半径(Blur)]

取值:

<length>:长度值,可以是负值。用来指定阴影的延伸距离。其中X Offset是水平偏移值,Y Offset是垂直偏移值
<color>:指定阴影颜色,也可以是rgba透明色
<shadow>:阴影的模糊值,不可以是负值,用来指定模糊效果的作用距离。

说明:

可以给一个对象应用一组或多组阴影效果,方式如前面的语法显示一样,用逗号隔开。

box-shadow:盒子阴影(属性向框添加一个或多个阴影)

语法:

box-shadow: h-shadow v-shadow blur spread color inset;

h-shadow
必需。水平阴影的位置。允许负值。

v-shadow
必需。垂直阴影的位置。允许负值。

blur
可选。模糊距离。

spread
可选。阴影的尺寸。

color
可选。阴影的颜色。请参阅 CSS 颜色值。

inset
可选。将外部阴影 (outset) 改为内部阴影。

可以给一个元素设置一个或多个阴影,用逗号隔开;

上一篇 下一篇

猜你喜欢

热点阅读