MyBB Community Forums

How can one make MyAlerts notification flash red when there are notifications?

Right now it turns a miserly red... which some users might not notice. I think it would be better if one could do some kind of CSS that causes it to dim/flash a hue of reds or something like that.

I hope someone understands what I mean.

lol don't mind the lame text:

---

I tried this but it didn't work:

.newAlerts > a {
	color:red !important;
    -webkit-animation: blink .75s linear infinite !important;;
    -moz-animation: blink .75s linear infinite !important;;
    -ms-animation: blink .75s linear infinite !important;;
    -o-animation: blink .75s linear infinite !important;;
    animation: blink .75s linear infinite !important;;
}
@-webkit-keyframes newAlerts > a {
    0% { opacity: 1; }
    50% { opacity: 1; }
    50.01% { opacity: 0; }
    100% { opacity: 0; }
}

@-moz-keyframes newAlerts > a {
    0% { opacity: 1; }
    50% { opacity: 1; }
    50.01% { opacity: 0; }
    100% { opacity: 0; }
}

@-ms-keyframes newAlerts > a {
    0% { opacity: 1; }
    50% { opacity: 1; }
    50.01% { opacity: 0; }
    100% { opacity: 0; }
}

@-o-keyframes newAlerts > a {
    0% { opacity: 1; }
    50% { opacity: 1; }
    50.01% { opacity: 0; }
    100% { opacity: 0; }
}

@keyframes newAlerts > a {
    0% { opacity: 1; }
    50% { opacity: 1; }
    50.01% { opacity: 0; }
    100% { opacity: 0; }
}

Based on:
http://visualidiot.com/articles/css3
and
http://visualidiot.com/files/real-world.css