CRTモニタ風な表示

世間は4Kだの5Kだのと騒いでいるディスプレイ界隈ですが、チラツキあるかつてのCRTモニタを表現して下さいという要件がありました。

https://hkitago.tumblr.com/post/181579353930

Using CSS to create a CRT を参考に crt.css を作成し読み込みます。

<body class="crt">
<section id="screen1" class="crt"><p class="crt">まだ寝ません。</p></section>

しつこいくらいにクラスを付属して完成します。CSS Glitched Text も検討したのですが、テキスト以外の要素にも適用する必要があって見送りました。

投稿者: hkitago

個人事業主でウェブと iOS, Android アプリの開発者で一児の父親。JavaScript, ActionScript, AppleScript, PHP, SQL, ObjC, Swift, Java の読書実行試験運用管理を生業とし、Bind, Postfix, Apache を MacOS で使い、エディタは Vi, mi, Kod, Smultron, TextWrangler を経て Coda, Xcode, Android Studio といった IDE と CotEditor を重用しています。Pokémon GO Trainer Code: 2491 5857 6842