HTML Table Row Blink Background Color

HTML table row highlight background color fade in and out using CSS


@-webkit-keyframes blink {
    50% {
        background: rgba(255, 0, 0, 0.5);
    }
}
@-moz-keyframes blink {
    50% {
        background: rgba(255, 0, 0, 0.5);
    }
}
@keyframes blink {
    50% {
        background: rgba(255, 0, 0, 0.5);
    }
}
.blink {
    -webkit-animation-direction: normal;
    -webkit-animation-duration: 5s;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-name: blink;
    -webkit-animation-timing-function: linear;
    -moz-animation-direction: normal;
    -moz-animation-duration: 5s;
    -moz-animation-iteration-count: infinite;
    -moz-animation-name: blink;
    -moz-animation-timing-function: linear;
    animation-direction: normal;
    animation-duration: 5s;
    animation-iteration-count: infinite;
    animation-name: blink;
    animation-timing-function: linear;
}
table {
    width: 100%;
}
table tr:nth-child(odd) {
    background: gray;
}
HTML Table Row Blink Background Color HTML Table Row Blink Background Color Reviewed by Bhaumik Patel on 2:16 AM Rating: 5