使用CSS关键帧

Question

我在构建网站时遇到CSS问题，我已经向插件开发者提交了一张票，但他没有回复我的票。

我使用CSS关键帧在https://www.canthoweb.com/显示我主页的文字效果。如您所见，滑块具有文本效果。

下面的CSS关键帧代码：

  @keyframes color-text {
  0% {
    background-position: 0 0;
  }
  100% {
    background-position: 1000px 0;
  }
}
.canthoweb {
   background: linear-gradient(to right, #048A81 0%, #048A81 15%, #048A81 35%, #048A81 50%, #048A81 85%, #ffdd00 90%, #048A81 100%);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        -webkit-animation: color-text 5s infinite;
    }

但是这个关键帧的问题影响了模态弹出窗口，即使我没有在模态弹出窗口中使用CSS类.canthoweb。

您可以通过单击滑块下方的三个框来查看模态弹出窗口。将显示模态弹出窗口，并且所有文本内容都具有css关键帧效果。

为什么css关键帧应用于模态弹出窗口？我没有进入那里的关键帧课程？

Answer 1

检查Modal元素是否具有相同的CSS id或Class。