你如何使图像闪烁?

use*_*495 9 html css image blink

如果可能的话,我想知道如何使CSS中的图像闪烁.我希望它闪烁在哪里.

我也想改变速度,但主要是我想让它眨眼.

Wal*_*han 50

CSS动画救援!

@keyframes blink {
    0% {
        opacity: 1;
    }
    50% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}
img {
    animation: blink 1s;
    animation-iteration-count: infinite;
}
Run Code Online (Sandbox Code Playgroud)

http://jsfiddle.net/r6dje/

您可以通过调整间隔使其急剧闪烁:

@keyframes blink {
    0% {
        opacity: 1;
    }
    49% {
        opacity: 1;
    }
    50% {
        opacity: 0;
    }
    100% {
        opacity: 0;
    }
}
Run Code Online (Sandbox Code Playgroud)

http://jsfiddle.net/xtJF5/1/


Dhr*_*hah 1

使用 Javascript 的 setInterval 方法,将其用作W3Schools的引用,然后将 css 从 更改为visibility:visible我们visiblity:hidden不会使用display:none,因为它也会删除图像的空间,但我们确实需要图像的空间才能使闪烁的东西正常工作。