568
edits
Changes
Jump to navigation
Jump to search
Line 769:
Line 769: − + − + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
no edit summary
/* Text Age Coloration */
/* Text Age Coloration */
.days110{
@keyframes transition1 {
color: red;
from {color: black;}
to {background-color: #efefef;}
}
@keyframes transition2 {
from {color: black;}
to {background-color: #d9d9d9;}
}
@keyframes transition3 {
from {color: black;}
to {background-color: #cccccc;}
}
@keyframes transition4 {
from {color: black;}
to {background-color: #b7b7b7;}
}
@keyframes transition5 {
from {color: black;}
to {background-color: #999999;}
}
@keyframes transition6 {
from {color: black;}
to {background-color: #666666;}
}
@keyframes transition7 {
from {color: black;}
to {background-color: #333333;}
}
.cycle1{
animation-name: transition1;
animation-duration: 2s;
animation-delay: 2s;
}
.cycle2{
animation-name: transition2;
animation-duration: 2s;
animation-delay: 2s;
}
.cycle3{
animation-name: transition3;
animation-duration: 2s;
animation-delay: 2s;
}
.cycle4{
animation-name: transition4;
animation-duration: 2s;
animation-delay: 2s;
}
.cycle5{
animation-name: transition5;
animation-duration: 2s;
animation-delay: 2s;
}
.cycle6{
animation-name: transition6;
animation-duration: 2s;
animation-delay: 2s;
}
.cycle7{
animation-name: transition7;
animation-duration: 2s;
animation-delay: 2s;
}
.cycle8{
color: black;
}
}