Html 动画已成功暂停，但未更改不透明度

我自己也不是一个很好的编码员，我几乎从互联网上获取代码，并尝试将它们放在我的网站上。问题是我从某处获取了一段代码，对它进行了一些修改，但它似乎不能正常工作。代码如下：

@-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

---

谢谢大家!

已修复，已更改-webkit动画播放状态：暂停；/*铬、狩猎、歌剧*/ 动画播放状态：暂停

至：-webkit动画：0