2014-03-12, 12:07 AM
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:
Based on:
http://visualidiot.com/articles/css3
and
http://visualidiot.com/files/real-world.css
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