この記事はjig.jp Advent Calendar 2023の12月7日(木)の記事です。 こんにちは！ 僕は株式会社jig.jpでウェブフロントエンド開発をしている M です。 この記事では CSS のカスタムプロパティをアニメーション化したら面白かった件について紹介します ...

ことの発端はツイッター（X）で「ティラノでのアイリスアウトのやり方知りたい」が流れてきた（爆速で画像＋スクリプトでの実装リプが付いてた）ことなんだけど、これCSSのグラデとアニメーションで動かへんかなって思って。 1.メリットとデメリット ...

CSS Gradient Generatorの特長は、カラーモードを LRGB ・ HSL ・ HSV ・ HCL ・ LAB から選べること。例えば赤・緑・青の3色を混合するRGBカラーを使うとグラデーションを作ったときに混色で濁ってしまう部分が存在しますが、デフォルトになっている色相・彩度・明度から構成される「HCLカラー」の場合 ...