css中如何设置图片闪烁1s

CSS中如何设置图片闪烁1s呢？

.img{
  animation: blink 1s infinite;
}

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

以上是设置图片闪烁的关键代码。我们通过animation属性来设置闪烁的动画效果，并设置了一个blink的关键帧动画。在blink动画中，我们定义了从0%到100%的动画过程，从而达到了图片闪烁的效果。

其中，通过opacity属性来控制图片的透明度，实现闪烁的效果。闪烁效果一共持续1秒钟，通过设置infinite的属性，让闪烁一直循环。

当然，以上代码仅仅是一个示例，可以通过修改关键帧动画中的属性，例如设置图片旋转、移动等效果，来实现更加丰富的图片闪烁效果。