css3动态文字背景 |css 段落前面加序号

background: linear-gradient(45deg, #ffbf00, #ff0080, #ffbf00, #ff0080);
background-size: 400% 400%;
animation: gradient 15s ease infinite;

首先，大家使用线性渐变来设置背景颜色，分别设置了 #ffbf00 和 #ff0080 两种颜色，并将两种颜色以45度的角度倾斜，使用background-size属性将宽高都扩大了4倍，这样大家就可以实现更加流畅的过渡效果。

接下来，大家使用animation属性来定义动画效果，设置了一个名为gradient的动画，使用了ease动画函数和infinite无限循环的特性，这样大家就可以让背景颜色随时间缓慢转换。同时，大家也可以设置其他的动画参数，如延迟时间和动画方向等。

最后，如果大家想实现文本内容描边的效果，大家可以使用text-shadow属性，将描边的颜色设置为与渐变背景相反的颜色，这样可以让文本看起来更加突出。

text-shadow: -1px -1px 0 #ffbf00, 1px 1px 0 #ff0080;

使用这些方法，大家可以轻松地实现CSS3动态文字背景的效果，让网页更加生动有趣。