[解決済み] 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);
関連
-
[解決済み] divが重ならないようにするには?
-
[解決済み] CSSの親セレクタはありますか?
-
[解決済み] CSSでcellpaddingとcellspacingを設定する?
-
[解決済み] HTML5のlocalStorageにオブジェクトを格納する方法は?
-
[解決済み] CSSのdisplayプロパティで遷移する
-
[解決済み] How do I style a <select> dropdown with only CSS?
-
[解決済み] CSSでdivのアスペクト比を維持する
-
[解決済み】なぜHTMLは "chucknorris "を色と見なすのか?
-
[解決済み】CSSを使用して、すべてのブラウザでdiv要素を垂直方向に中央に配置するにはどうすればよいですか?
-
[解決済み】HTML5入力のプレースホルダの色をCSSで変更する。
最新
-
nginxです。[emerg] 0.0.0.0:80 への bind() に失敗しました (98: アドレスは既に使用中です)
-
htmlページでギリシャ文字を使うには
-
ピュアhtml+cssでの要素読み込み効果
-
純粋なhtml + cssで五輪を実現するサンプルコード
-
ナビゲーションバー・ドロップダウンメニューのHTML+CSSサンプルコード
-
タイピング効果を実現するピュアhtml+css
-
htmlの選択ボックスのプレースホルダー作成に関する質問
-
html css3 伸縮しない 画像表示効果
-
トップナビゲーションバーメニュー作成用HTML+CSS
-
html+css 実装 サイバーパンク風ボタン
おすすめ
-
[解決済み】iframeの高さを100%にする方法【重複】。
-
[解決済み】ラジオボタンの代わりに画像を使用する
-
[解決済み] テーブルセルの背景を透明にする方法
-
[解決済み] <html xmlns="http://www.w3.org/1999/xhtml">」は何をするのですか?
-
[解決済み] HTMLファイルへのリンクは可能ですか?
-
[解決済み] ホバー時に背景画像を暗くする
-
[解決済み] Bootstrapのカラム内で画像を中央に配置する方法 [重複]について
-
[解決済み] margin-block-startとmargin-topの違いは何ですか?
-
[解決済み] Add a scrollbar to a <textarea> [duplicate]
-
[解決済み] Visual Studio Code CSSエラー「空のルールセットを使用しないでください」【終了しました