悬停淡入淡出

时间:2016-07-25 16:25:10

标签: javascript css

先生!,我有一个问题! 当你悬停某些表格或图像时,它是否可能会在内外淡出等等。除非你指出悬停,否则它不会停止?在CSS或JS中请谢谢!

1 个答案:

答案 0 :(得分:-1)

显然,我错过了你想要的脉冲效果,可能就像旧的闪烁标签一样。此更新示例使用CSS动画,但也有其他替代方法。

@keyframes pulse {
    from { opacity: 1 }
    to { opacity: 0 }
}

.fade:hover {
    animation-name: pulse;
    animation-duration: 500ms;
    animation-iteration-count: infinite;
    animation-direction: alternate;
    animation-timing-function: ease-in-out;
}
<div class="fade">Fade On Hover</div>