Okay ladies and gentlemen! I just figured it out:
I think this should come from factory haha! I hope people like this! Tested in firefox and chrome only
I added
But I am not sure if they are valid
Based off of:
http://stackoverflow.com/questions/16344...-with-css3
and
http://jsfiddle.net/umz8t/458/
Code:
.newAlerts > a {
color:red !important;
font-weight:bold;
-webkit-animation-name: blinker;
-webkit-animation-duration: 1s;
-webkit-animation-timing-function: linear;
-webkit-animation-iteration-count: infinite;
-moz-animation-name: blinker;
-moz-animation-duration: 1s;
-moz-animation-timing-function: linear;
-moz-animation-iteration-count: infinite;
animation-name: blinker;
animation-duration: 1s;
animation-timing-function: linear;
animation-iteration-count: infinite;
-ms-animation-name: blinker;
-ms-animation-duration: 1s;
-ms-animation-timing-function: linear;
-ms-animation-iteration-count: infinite;
-o-animation-name: blinker;
-o-animation-duration: 1s;
-o-animation-timing-function: linear;
-o-animation-iteration-count: infinite;
}
@-moz-keyframes blinker {
0% { opacity: 1.0; }
50% { opacity: 0.0; }
100% { opacity: 1.0; }
}
@-webkit-keyframes blinker {
0% { opacity: 1.0; }
50% { opacity: 0.0; }
100% { opacity: 1.0; }
}
@keyframes blinker {
0% { opacity: 1.0; }
50% { opacity: 0.0; }
100% { opacity: 1.0; }
}I think this should come from factory haha! I hope people like this! Tested in firefox and chrome only
I added
Code:
-ms-animation-name: blinker;
-ms-animation-duration: 1s;
-ms-animation-timing-function: linear;
-ms-animation-iteration-count: infinite;
-o-animation-name: blinker;
-o-animation-duration: 1s;
-o-animation-timing-function: linear;
-o-animation-iteration-count: infinite;But I am not sure if they are valid
Based off of:
http://stackoverflow.com/questions/16344...-with-css3
and
http://jsfiddle.net/umz8t/458/