アニメーションは正常に一時停止しましたが、不透明度を変更していません

Question

私はコーダーではありません。インターネットからコードを取得し、自分のウェブサイトにコードを挿入しようとします。問題は、少し修正したコードを取ったことですが、正しく動作しないようです。コードは次のとおりです。

@-webkit-keyframes flash { 
    0%, 50%, 100% {opacity: 1;} 
    25%, 75% {opacity: 0;} 
} 
@keyframes flash { 
    0%, 50%, 100% {opacity: 1;} 
    25%, 75% {opacity: 0;} 
    } 

.pulseb { 
     animation-duration: 5000ms; 
    animation-iteration-count: infinite; 
    animation-timing-function: linear; 
    -webkit-animation-name: flash; 
    animation-name: flash; 
} 

.pulseb:hover { 
    -webkit-animation-play-state: paused; /* Chrome, Safari, Opera */ 
    animation-play-state: paused; 
    opacity: 1; 
    } 

あなたが見るとおり、不透明タグを追加しましたが、動作しません。ホバリング時に不透明度を1.0に戻すことなく、アニメーションが一時停止します。

ありがとうございました！

Answer 1

修正された、変更された-webkit-animation-play-state：paused;/* Chrome、Safari、Opera */ アニメーション再生状態：一時停止。

to：-webkit-animation：0;