html - 尝试为 HTML 中的图像添加微光/淡入淡出效果

Question

我在一个网站上工作，我试图在背景中加载一张图片作为水印，并给它一个微光/淡化效果。我能够让图像出现，但无法让它闪烁。

这是图像出现的一段代码。

.bottomhalf{padding:10px;padding-bottom:4px;background-image:url("https://i.stack.imgur.com/MeQxk.png");background-size:contain;background-repeat:no-repeat;background-position:center center}
.bottomhalf{filter:brightness(1.05)}
.bottom-field{margin-bottom:12px}
.bottom-descriptor{color:#aaa;font-size:13.4px}
.bottom-value{font-size:18px}   

如果有人可以让知道如何做到这一点，将不胜感激！

标签： htmlcss