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：暂停; / * Chrome，Safari，Opera * / 动画播放状态：已暂停;

to：-webkit-animation：0;

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

1 个答案: