css实现闪关灯 |css鼠标悬停提示

.flash{
animation: blink 1s linear infinite;
}
@keyframes blink{
50%{
opacity: 0;
}
}

上述代码中，大家首先创建了一个名为“blink”的关键帧动画，该动画在50%时刻通过将元素的不透明度设置为0来实现闪光效果。

接着，大家给需要实现闪光效果的元素添加“flash”类，该类设置了无限循环的1秒钟线性动画“blink”，从而实现了指定元素的闪光效果。

当然，大家也可以自定义其他的动画实现相关效果，例如借助CSS3的过渡效果来实现一个类似于灯光弹跳的效果。

.bounce{
animation: bounce 1s linear infinite;
}
@keyframes bounce{
0%, 100%{
transform: translateY(0);
}
50%{
transform: translateY(-10px);
}
}

上述代码中，大家创建了一个名为“bounce”的关键帧动画，该动画通过转换动画在50%时刻向上移动元素10个像素，然后再移回原始位置。

最后，大家将需要应用闪光灯效果的元素添加“bounce”类，该类设置了无限循环的1秒钟线性动画“bounce”，从而实现类似于灯光弹跳的效果。