php背景四周向中间渐变色,使用CSS巧妙地制作背景色渐变动画实例

解题不考虑兼容性，题目天马行空，想到什么说什么，如果解题中有你感觉到生僻的 CSS属性，赶紧去补习一下吧。

不断更新，不断更新，不断更新，重要的事情说三遍。

正文从这里开始。有的时候，嗯，应该说某些特定场合，我们可能需要下面这样的动画效果，渐变 + animation ：

假设我们渐变的写法如下：p {

background: linear-gradient(90deg, #ffc700 0%, #e91e1e 100%);

}

按照常规想法，配合 animation ，我们首先会想到在 animation 的步骤中通过改变颜色实现颜色渐变动画，那么我们的 CSS 代码可能是：p {

background: linear-gradient(90deg, #ffc700 0%, #e91e1e 100%);

animation: gradientChange 2s infinite;

}

@keyframes gradientChange {

100% {

background: linear-gradient(90deg, #e91e1e 0%, #6f27b0 100%);

}

}

上面我们用到了三种颜色&#