以下是一个简单的文字渐变动画效果的CSS代码示例:

css
@keyframes gradient-animation {
0% {
background-position: 0% 50%;
}
50% {
background-position: 100% 50%;
}
100% {
background-position: 0% 50%;
}
}

.text-animation {
background: linear-gradient(-45deg, #ff9a9e, #fad0c4, #fad0c4, #ff9a9e);
background-size: 200% 200%;
animation: gradient-animation 4s ease-in-out infinite;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}

你可以将上述代码添加到HTML文件的``标签内或者将其保存为一个CSS文件并在HTML文件中引入。

然后,为需要应用文字渐变动画效果的元素添加一个`text-animation`类。例如:

html

Hello, World!

这个代码示例使用了CSS的`linear-gradient`函数来创建一个线性渐变背景,`background-size`属性设置了背景的尺寸为200%×200%,`animation`属性定义了动画效果的名称、时长、速度和重复次数。

最后,使用`-webkit-background-clip`和`-webkit-text-fill-color`属性将文字设置为透明并使渐变背景填充其中,从而实现文字渐变动画效果。