Pickupニュース

CSS matic: Gradient Generator
Webサービス

CSS matic: Gradient Generator

CSSグラデーションシミュレート
Webブラウザ上でbackgroundプロパティ用のグラデーションパターンを作成して、CSSコードを出力するWebサービスです。

CSS matic: Gradient Generatorのご利用はこちらから

Webサイト

動画デモ

https://www.youtube.com/watch?v=H5i2tkEW8wI

解説

  1. プリセットからグラデーションパターンを選択します。
  2. 各スライダーのOpacity(透明度)、Color(色)、Location(位置)を調整します。
  3. Hue(色相)、Saturation(彩度)、Lightness(明度)で色調を調整します。
  4. グラデーションの方向を選択します。
  5. Copy textボタンをクリックして生成されたコードをコピーして使用します。

コメントを残す

このサイトはスパムを低減するために Akismet を使っています。コメントデータの処理方法の詳細はこちらをご覧ください

記事ランキング