Make red background in menu blink?

Hey kilimats,

Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child themes style.css file:

.live>a>span.avia-menu-text:before {
  animation: blinker 1s linear infinite;
}

@keyframes blinker {  
  50% { opacity: 0; }
}

Best regards,
Yigit

Hi!

Please change the code to following one

@-webkit-keyframes blinker {
    0%   { background-color: transparent; }
    49% { background-color: transparent; }
    50% { background-color: #FF0000; }
    99% { background-color: #FF0000; }
    100% { background-color: transparent; }
  }
  @-moz-keyframes blinker {
    0%   { background-color: transparent; }
    49% { background-color: transparent; }
    50% { background-color: #FF0000; }
    99% { background-color: #FF0000; }
    100% { background-color: transparent; }
  }
  @keyframes blinker {
    0%   { background-color: transparent; }
    49% { background-color: transparent; }
    50% { background-color: #FF0000; }
    99% { background-color: #FF0000; }
    100% { background-color: transparent; }
  }
.live>a>span.avia-menu-text:before {
  -webkit-animation: blinker 1s infinite;
  -moz-animation:    blinker 1s infinite;
  animation:         blinker 1s infinite;
}

Regards,
Yigit

Hey!

You are welcome :)
Replied already

Regards,
Yigit