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にアクセスすると以下のような画面が表示されます。 左側にグラデーション、右側にグラデーションの調整ツールとして「Colors (カラー)」「Color Mode (カラーモード)」「Precision (精度)」「Angle (アングル)」「Easing Curve (イーシングカーブ)」となっています。

ある案件で、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 ...