グラデーション文字を表示する Web Components を作った何を作ったか 5 ヶ月くらい前に SupercolorpixelisticXDRidocious というライブラリを作りました。 これは Apple が iPhone13 を発売したときのデモページに書かれていた文字列が、半ば meme 化したのですが、そのときの文字を再現したものです。 日本語訳は "スーパーキラキラカラフルクッキリディスプレイ" と表記され、これもまたインターネット上で話題になりました。 今回はその文字列のようなデザインを再現できる Web Components を作ったのでそのお話です。 使い方 npm に custom element を配置しており、それを jsdelivr で配布しています。 そのため script タグでその custom element を読み込めば使えます。 <body> <supercolorpixelistic-xdridocious
