ゲーミング発光&マーキータグで左右に動くエラ〜メッセージ
http://fonshitu.fc2web.com/mikan/0000_error.html
こんな感じに動きます。
ゲーミング発光エラ〜メッセージできたよーhttps://t.co/wSBR3FBecW pic.twitter.com/HpgKGs9Uhk
— FMIC7743.log.exe (@fm7743) 2022年3月24日
エラーメッセージ、世の中には『赤い文字だから怖くて読まない』という人もいるので想像を超えてくる「目に付きやすいように赤字にしてるのに…」 - Togetter
https://togetter.com/li/1862878
これに着想を得て目につきやすくてこわくないエラーメッセージを作りました。
このCSSを丸パクリしています
虹色に色が変わるアニメーションスタイルの設定 | animation | CSS | HTML - IT the Best
https://www.it-the-best.com/entry/css-animation_rainbow
@keyframesでアニメーション(時間単位で変化させる)を定義できます。これで燦然と輝くレインボー文字ができました。
HTML | marqueeタグは非推奨、代替で使えるCSSを紹介 | ONE NOTES
https://1-notes.com/html-marquee-alternative-css/
marqueeタグも現在は廃止されている(一応新しいブラウザでも左右に文字を動かすタグとして解釈してはくれる)のでCSSで代用しています。
余談
最初はなんとなくチャスモハァーワ」。を入れてたんですが、文字コードを指定し忘れて結果的に正常にエンコードできてしまった*1
<meta charset="shift-JIS"> (中略) <p>チャスモハァーワ」。</p>
これで正常に(?)文字化けします。
*1:元々は「中国語(簡体中文)の文字化け」で発生する文字列のためウイルスを使ったフィッシング出現、偽のパスワード入力画面を表示 | 日経クロステック(xTECH)