优秀的编程知识分享平台

网站首页 > 技术文章正文

CSS3 text-shadow 属性（css的shadow）

nanyue 2024-10-31 13:50:06 技术文章 4 ℃

实例

基本文字阴影（text-shadow）：

h1

{

text-shadow: 2px 2px #ff0000;

}

浏览器支持

表格中的数字表示支持该属性的第一个浏览器版本号。

属性
text-shadow	4.0	10.0	3.5	4.0	9.6

属性定义及使用说明

text-shadow 属性应用于阴影文本。

默认值：	none
继承：	yes
版本：	CSS3
JavaScript 语法：	object.style.textShadow="2px 2px #ff0000"

语法

text-shadow: h-shadow v-shadow blur color;

注意： text-shadow属性连接一个或更多的阴影文本。属性是阴影，指定的每2或3个长度值和一个可选的颜色值用逗号分隔开来。已失时效的长度为0。

值	描述
h-shadow	必需。水平阴影的位置。允许负值。
v-shadow	必需。垂直阴影的位置。允许负值。
blur	可选。模糊的距离。
color	可选。阴影的颜色。参阅 CSS 颜色值。

如您还有不明白的可以在下面与我留言或是与我探讨QQ群308855039，我们一起飞！

上一篇：必须掌握的前端基础知识，什么是浮动?
下一篇：趁手利器，FSuper（趁手的兵器,成语怎样说）

猜你喜欢

2024-10-31 ReactNative源码笔记——你知道几条?
2024-10-31 Echarts饼图展示车站客流占比图（车站客流分析）
2024-10-31 第76节 Canvas绘图(下)-前端开发之JavaScript-王唯
2024-10-31 前端开发者如何利用 CSS 实现酷炫的变色方案?
2024-10-31 html中滚动字体的设置（html字体滚动效果）
2024-10-31 熬夜总结了“HTML5画布”的知识点(共10条)
2024-10-31 CSS3线性渐变、阴影、缩放实现动画下雨效果
2024-10-31 CSS3被玩儿坏?下雨动画效果CSS就可以搞定
2024-10-31 HTML5(五)——Canvas API（h5canvas动画入门教程）
2024-10-31 CSS3 box-shadow实现背景动画（css背景视频）

最近发表