CSS3 提供了许多强大的文本效果属性，可以帮助开发者创建各种吸引人的文字效果。以下是一些常用的 CSS3 文本效果：
1. 文本阴影（Text Shadow）
text-shadow 属性用于为文本添加阴影效果。可以设置阴影的水平偏移、垂直偏移、模糊半径和颜色。
基本语法：
css
text-shadow: h-shadow v-shadow blur-radius color;示例：
css
text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5);这个示例将在文本下方右下角添加一个2像素水平偏移、2像素垂直偏移、4像素模糊半径的黑色半透明阴影。
2. 文本描边（Text Stroke）
-webkit-text-stroke 属性用于为文本添加描边效果。在某些浏览器中，需要使用 -webkit- 前缀。
基本语法：
css
-webkit-text-stroke: width color;示例：
css
-webkit-text-stroke: 1px black;这个示例将文本描边宽度设为1像素，颜色为黑色。
3. 文本填充颜色（Text Fill Color）
-webkit-text-fill-color 属性用于设置文本的填充颜色。在某些浏览器中，需要使用 -webkit- 前缀。
基本语法：
css
-webkit-text-fill-color: color;示例：
css
-webkit-text-fill-color: red;这个示例将文本的填充颜色设为红色。
4. 文本渐变（Text Gradient）
使用背景渐变属性，可以为文本创建渐变效果。将渐变应用于文本的方法是将文本作为一个内联元素，然后为其父元素应用渐变背景。
示例：
html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>CSS3 文本效果示例</title>
<style>
.gradient-text {
font-size: 48px;
background: linear-gradient(to right, #ff7e5f, #feb47b);
-webkit-background-clip: text;
color: transparent;
}
</style>
</head>
<body>
<div class="gradient-text">Gradient Text</div>
</body>
</html>在这个示例中，.gradient-text 类的文本将被设置为渐变的背景，通过 -webkit-background-clip: text; 属性将背景剪裁到文本形状内，从而实现了渐变文本效果。
5. 文本布局（Text Layout）
CSS3 还引入了一些新的文本布局属性，如 text-orientation 和 writing-mode，用于控制文本的方向和排列方式。
示例：
css
writing-mode: vertical-rl; /* 垂直从右向左排列 */
text-orientation: upright; /* 直立排列 */这些属性可以帮助实现不同方向和布局需求的文本效果。
通过这些 CSS3 文本效果属性，开发者可以轻松地增强和美化网页中的文字内容，使得页面更加生动和吸引人。