HTML – 如何使图像闪烁?

前端之家收集整理的这篇文章主要介绍了HTML – 如何使图像闪烁?前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我想知道如果可能的话,如何使CSS中的图像闪烁.我希望它闪烁在哪里.

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

解决方法

CSS动画救援!
@keyframes blink {
    0% {
        opacity: 1;
    }
    50% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}
img {
    animation: blink 1s;
    animation-iteration-count: infinite;
}

http://jsfiddle.net/r6dje/

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

@keyframes blink {
    0% {
        opacity: 1;
    }
    49% {
        opacity: 1;
    }
    50% {
        opacity: 0;
    }
    100% {
        opacity: 0;
    }
}

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

原文链接:https://www.f2er.com/html/232140.html

猜你在找的HTML相关文章