1. ホーム
  2. html

[解決済み] CSSは配列からランダムに色を選ぶ

2022-03-02 03:37:21

質問

CSSで、配列からランダムにフォントカラーを選ぶ方法はありますか?サーバーサイドやjavascriptでできることは知っていますが、純粋なCSSでこれを行う方法があるのかどうか疑問に思っています。

どのように解決するのですか?

これは、決定論的であるCSSでは不可能なことです。クライアントサイドのJavaScriptを使えばできるかもしれませんが。

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

jQueryを使用している場合、最後の行は次のようになります。

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