PC表示
バリアブルフォント(可変フォント)を使用し、CSS「animation」と「font-variation-settings」を組み合わせて太さを変更している。
画像やSVG、canvasなどを使用することなくフォントが制御できる演出は今後のベンチマークとなりそうだ。
スマホ表示
すべてCSSで設定しているため、実機で表示しても問題なく挙動していることが確認できる。
何より動きが軽いため、使える部分には積極的に使用したい技術。
all_categories=
サイトの特徴=
バリアブルフォント(可変フォント)を使用し、CSS「animation」と「font-variation-settings」を組み合わせて太さを変更している。
画像やSVG、canvasなどを使用することなくフォントが制御できる演出は今後のベンチマークとなりそうだ。
すべてCSSで設定しているため、実機で表示しても問題なく挙動していることが確認できる。
何より動きが軽いため、使える部分には積極的に使用したい技術。