k8o

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

これまでは、「グラデーションは少なくとも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)のようにより簡潔に記述できるようになります。