asked on
.single-property ul.media-tabs-list li:nth-child(1) a {
animation: pulse1 2s infinite;
animation-delay:0ms;
}
.single-property ul.media-tabs-list li:nth-child(2) a {
animation: pulse2 2s infinite;
animation-delay:250ms;
}
.single-property ul.media-tabs-list li:nth-child(3) a {
animation: pulse3 2s infinite;
animation-delay:500ms;
}
@keyframes pulse1 {
0% {
background: rgba(0, 0, 0, 0.6);
}
50% {
background: rgb(0,174,239, 1);
}
100% {
background: rgba(0, 0, 0, 0.6);
}
}
@keyframes pulse2 {
0% {
background: rgba(0, 0, 0, 0.6);
}
50% {
background: rgb(0,174,239, 1);
}
100% {
background: rgba(0, 0, 0, 0.6);
}
}
@keyframes pulse3 {
0% {
background: rgba(0, 0, 0, 0.6);
}
50% {
background: rgb(0,174,239, 1);
}
100% {
background: rgba(0, 0, 0, 0.6);
}
}
ASKER
You need rgbA, not RGB (like the 0% and 100%). You're specifying all 4 parameters, which is invalid for RGB. Other browsers aren't as forgiving, don't know what that value means, and essentially end skipping it and animating from 0 - 100% of the same color.Actually it's a relatively new feature of recent CSS4-Colors editors drafts, so only some browsers support it. Using commas doesn't seem to be in the latest draft though.
Cascading Style Sheets (CSS) is a language used for describing the look and formatting of a document written in a markup language. Usually used to change web pages and user interfaces written in HTML, it can also be applied to any kind of XML document. CSS is designed primarily to distinguish the content of a document from its presentation.
TRUSTED BY