报警icon图闪动效果实现css动画

 

    

                
离线摄像仪
                
{{ cameraOffline }}
                

                  
                
              

   .icon-container {
              width: fit-content;
              padding-left: 40px;
              margin-top: -10px;

              .icon {
                width: 25px;
                height: 25px;
              }
            }

 

@keyframes blink-animation {
  0% {
    filter: brightness(100%);
  }

  30% {
    filter: brightness(200%);
  }

  100% {
    filter: brightness(50%);
  }
}

.blink {
  animation: blink-animation 1s infinite;
}