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を使用していませんでしたモーダルポップアップに影響を与えた問題。

モーダルポップアップを表示するには、スライダの下の3つのボックスをクリックします。モーダルポップアップが表示され、すべてのテキストコンテンツにCSSキーフレーム効果があります。

なぜモーダルポップアップにCSSキーフレームが適用されましたか？私はそこにキーフレームクラスを入力していない？

Answer 1

Modal要素に同じCSS IDまたはクラスがないことを確認します。