如何在 CSS 中进行这种背景转换 [关闭]答案

【问题标题】：How to do this background transition in CSS [closed]如何在 CSS 中进行这种背景转换 [关闭]
【发布时间】：2021-02-23 10:48:42
【问题描述】：

如何将线性渐变设置为动画，就像在此视频中一样：https://vimeo.com/471351659？我尝试了一种渐变技术，背景尺寸很大，我在其中为 background-position 属性设置动画，但没有成功。如何使用 background-position 属性设置好的动画，为每个图像设置渐变。

【问题讨论】：

你尝试过什么？是一个“简单”的幻灯片。
我尝试创建一个巨大的渐变，使用大背景尺寸，然后为背景位置设置动画，但它并没有真正起作用

标签： css animation linear-gradients

【解决方案1】：

绝对有可能。

就我个人而言，我会采用两个带有background: cover 的div 和一个window.setInterval() 回调的方法，将前面（即将介绍）的opacity 从零转换为1，然后删除一个落后。

【讨论】：