/* * * CSS file * * */ :root { --bg-base-color: #bd3440; --bg-line-color: #d8ba66; --bg-size: 4.5em 3em; /* 1.5 : 1 ratio */ --font-size: 22px; } html, body { margin ...

案件で「背景にグラデーションのアニメーションを入れたい」という要件が出たため、実装方法を調べたら良さそうな参考サイトに辿り着いたので、検証用のデモを作ってみました。(参考サイトを作成いただいた方、ありがとうございます！)折角最近noteを ...

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

Some people may have experienced that they want to create a vivid gradation, but for some reason the color transitions become dull and grayish. A tool 'CSS Gradient Generator ' that makes it possible ...