使用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。