CSS で点滅するカーソルを書く

欲しかったもの

文中の指定の箇所にカーソル風のものを表示してくれるCSS。

タイプライター型

タイプライターのヘッドはいつも末尾にあります。
なので、疑似要素や「｜」で書いても気になりません。
しかしそうした「カーソル」は文中に配置するにはいまひとつです。
というのは、
カーソルが文末にある場合|
カーソルが文中に|ある場合
といった感じに、文字の位置がズレるからです。

背景を点滅させればいいのでは？

というので書いたのがこちら。

---

https://zenn.dev/enjoetoh/articles/how-to-write-text