CSSで出来る表現

2022年にInternet Explorerのサポートが完全終了し、IE対応する必要が無くなったので積極的にCSSの新しい機能が使えるようになりました。

2023年のHTMLとCSS

speakerdeck.com

backdrop-filterのデモ

See the Pen
backdrop-filterを使ったグラスモーフィズム by yachin29 (@yachin29)
on CodePen.

scroll-behaviorのデモ1

See the Pen
scroll-behaviorでスムーススクロール by yachin29 (@yachin29)
on CodePen.

scroll-behaviorのデモ2

See the Pen
scroll-behaviorでスムーススクロール（ページ内検索にも対応済み） by yachin29 (@yachin29)
on CodePen.

background-clipのデモ

See the Pen
apple風のテキストグラデーション by yachin29 (@yachin29)
on CodePen.

background-clipのアニメーションデモ

See the Pen
cssでグラデーションとアニメーション by yachin29 (@yachin29)
on CodePen.

使用するグラデーション

https://webgradients.com/