border-image-sourceプロパティは、要素のボーダーを作成するために使用されるソース画像を設定できます。画像の値を受け入れる他のプロパティと同様に、CSSグラデーションも設定できます。 conic-gradient()はグラデーションを中心点から拡げる放射ではなく ...

ワードプレスなどでHPのページを作成するときに文字のサイズやフォントの種類を変えたいけど変え方がわからないといったお問い合わせを最近多く頂いております。 今回の記事を読めばCSSを使用して文字のサイズやフォントの種類を変える方法がわかります ...

CSSの@font-faceで見慣れない構文があるなと思ったら、どうやら新しい構文がChrome, Edge, Safari, Firefoxの各ブラウザにサポートされていました。 CSSの@font-faceに使用する新しい構文の基礎知識と使い方を紹介します。 The new @font-face syntax by Ollie Williams 下記は各 ...

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

ある案件で、Googleフォントの「Noto Sans JP」をCDNで読み込んだら結構通信が重かったので、ローカルに置いて読み込むことにしました。 各フォントのページにてダウンロード。 2．フォントファイルをローカルに設置 ソースファイル内の任意のフォルダに設置。

Esta aplicación te permite crear gradientes de colores personalizados con dos colores y diferentes direcciones. Además, genera automáticamente el código CSS necesario para que puedas utilizarlo en tus ...

git clone https://github.com/ItsaMeTuni/css-gradient-animator.git cd css-gradient-animator/ npm install node ./gradientAnimator.js --name anim --gradients 0% "linear ...