主页

css text-shadow 的使用

2024-06-13 09:19AM

参考:https://developer.mozilla.org/en-US/docs/Web/CSS/text-shadow

text-shadow css 属性可以为文本添加阴影。每个阴影由元素的X和Y偏移、模糊半径的颜色的某种组合来描述。

语法:

/* offset-x | offset-y | blur-radius | color */
text-shadow: 1px 1px 2px black;

/* color | offset-x | offset-y | blur-radius */
text-shadow: #fc0 1px 0 10px;

/* offset-x | offset-y | color */
text-shadow: 5px 5px #558abb;

/* color | offset-x | offset-y */
text-shadow: white 2px 5px;

/* offset-x | offset-y
/* Use defaults for color and blur-radius */
text-shadow: 5px 10px;

/* Global values */
text-shadow: inherit;
text-shadow: initial;
text-shadow: revert;
text-shadow: revert-layer;
text-shadow: unset;

该属性被指定为以逗号分隔的阴影列表。

每个阴影指定为两个或三个 <length> 值,可选地后跟一个 <color>价值。 前两个 <length> 值是 <offset-x><offset-y>价值观。 第三个,可选, <length> 值是 <blur-radius>。 这 <color> value 是阴影的颜色。

当给出多个阴影时,阴影从前到后应用,第一个指定的阴影在顶部。

eg:

text-shadow: #FC0 1px 0 10px;

 

返回>>

登录

请登录后再发表评论。

评论列表:

目前还没有人发表评论