@ganget & @BKeyport
So, I modified my MMM-DigClock with your rainbow css with some other tweaks…
.MMM-DigClock .time {
font-size: 300px;
text-align: center;
line-height: 85%;
letter-spacing: 5px;
font-weight: 900;
font-family: DS-Digital;
background: -webkit-linear-gradient(left, red,orange,yellow,green,blue,purple);
background: -moz-linear-gradient(left, red,orange,yellow,green,blue,purple);
background: -o-linear-gradient(left, red,orange,yellow,green,blue,purple);
background: linear-gradient(to left, red,orange,yellow,green,blue,purple);
-webkit-background-clip: text;
-moz-background-clip: text;
background-clip: text;
-webkit-animation: animate 10s linear infinite;
-moz-animation: animate 10s linear infinite;
-o-animation: animate 10s linear infinite;
animation: animate 10s linear infinite;
background-size: 25%;
-webkit-text-fill-color: transparent;
}
And it seems to work fairly decent.
But I had to change the update interval within the clock code to update every minute instead of every second, by placing the following within the start: function() …
// Schedule update interval.
var self = this;
setInterval(function() {
self.updateDom();
}, 60000);