CSSの進化がすごすぎる！ CSSで関数を自分で定義できるカスタム関数が使えるようになります

CSSの関数って、便利なものが多いですよね。calc()が登場したときも衝撃でしたが、最近ではattr()関数がパワーアップしたり、レスポンシブ対応に必須のmin(), max(), clamp()関数、ライトテーマとダークテーマのlight-dark()関数、ほかにも:is()や:where()といった疑似クラス関数、sin(), cos(), tan()などの三角関数もCSSで使えます。 そして2025年、これまでとは全く違う新しい関数がCSSで使えるよう開発が進んでいます。新しい関数はカスタム関数で、自分オリジナルの関数をCSSで定義して使用できます。 CSS Custom Functions are coming by Bramus! 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 はじめに CSSのカスタム関数とは C

[coliss]

CSSの新しい関数はカスタム関数で、自分オリジナルの関数をCSSで定義して使用できます

[otchy210]

それは CSS の領分なのか？という思いと、フレームワーク作る人だけが使って大半の人は便利を享受するだけになるならそれでみんな幸せか。という思いが交錯した。

[Network]

出来ない良さもあると思うんすよね。どこでやるか考えないとだし、どこでやってるのか探さないとだし。

[sucelie]

関数まで--を入れるのか。--の気持ち悪さをなんとかしてほしい

[mojimojikun]

ふぇぇ。まぁできないよりはできるほうが良いことが増えるてのはわからんでもないけど、似たようなことが別の場所でできるってぇとどこでやるのかとかどこでやってるのが影響するのかとか考えること増えそうでぐぇー

[repon]

こんなのコンポーネントを作って利用すればいいじゃんと思うんだけど、依頼者がイチから作りたいなると途端に苦しむことになるし、そのツケは外部不経済になるんだよね。

[kijtra]

めちゃ便利だけど、そこまですると無駄にメモリ使いそう

[nappy1120]

もう自分で書くことなくなったな。AIのがええわ。

[Shinwiki]

×進化 ◯迷走

[sabinezu]

ある程度は欲しい。作り込むやつが出てきたら面倒くさそう。

[makou]

活用方法だよな。

[ultimatebreak]

CSSは後付け設定でなんか色々無茶苦茶になってる気がする

[aceraceae]

いちおう条件分岐もできるのか。

[ustam]

JavaScriptとの使い分けに悩みそう。CSS関数の方が処理が遅いなんてことがあるかもしれんし。

[versatile]

css は大変だ。ここまでなるなら最初から DSSSL が普及したらよかったのに