k8o

LLMS

CSS グラデーションの新仕様:単色カラーストップの導入

公開: 2025年4月21日(月)
更新: 2025年4月21日(月)

Baseline 2025に、グラデーションを表現するCSS関数であるliner-gradientradial-gradientconic-gradientにおいて、単色のカラーストップを持つグラデーションの記法が追加されました。

Loading...

Loading...

github.com

「グラデーションは少なくとも2つの色間の移行を意味する」という従来のCSS Images 4の仕様と、実際には単色グラデーションを実装している主要なブラウザとの間に矛盾が存在していました。

この矛盾を解決するため、単一のカラーストップを許可する以下の利点からCSS Images 4の仕様が更新されました

  • CSS の開発体験の向上
  • 冗長性の軽減
  • 可読性の向上
  • 他の記法との独立性
  • 特別な文法を導入するなどの欠点がない
  • 既存のCSSとの互換性

これにより、linear-gradient(red 0%, red 100%)conic-gradient(red 0deg, red 360deg)のように記述していた単色のグラデーションは、linear-gradient(red)conic-gradient(red)のようにより簡潔に記述できるようになります。

この記事はどうでしたか?

500文字以内でご記入ください

ブログの購読

k8oのブログを購読する

k8oのブログを購読することで、最新の情報を受け取ることができます。

登録いただいたメールアドレスは、購読のためにのみ使用されます。