https://coliss.com/articles/build-websites/operation/css/animating-loaders-with-css-ch-units-and-translatex.html
これは賢い！ CSSのch単位とtranslateX(ch)を使用すると、拡大縮小してもきれいなローダーを実装できる -Loading UI | コリス
サイズを小さくしても大きくしてもくっきり表示され、カラーや回転速度も自由に変更でき、ストローク幅や回転方向もカスタマイズできるローダーを紹介します。 デザインは約50種類ほど揃っており、すべてシンプル
loading uich