CSS pick a random color from array

Question

Is there is a way in CSS to make it pick a random font color from an array? I know I can do this with server side or javascript, but I am wondering if there is pure CSS way to do this.

Answer 1

CSS expressions (allowing for dynamic script content via CSS) were abominations cast in the bowels of the hell of inefficiency alongside Web Forms, only ever supported by IE7 and below. But since you asked.

<style> blink marquee {    color: expression("rgb(" + Math.floor(Math.random() * 255)       + "," + Math.floor(Math.random() * 255) + ","       + Math.floor(Math.random() * 255) + ")"); } </style> <blink>    <marquee>       color me beautiful    </marquee> </blink> 

Answer 2

This is not possible in CSS, which is firmly deterministic. You could do this with client-side JavaScript, though:

var colors = ['#ff0000', '#00ff00', '#0000ff']; var random_color = colors[Math.floor(Math.random() * colors.length)]; document.getElementById('title').style.color = random_color; 

If you're using jQuery, the last line could become

$('#title').css('color', random_color);