Firefoxに簡易的なCSS3ジェネレーターを設置できるFirefoxアドオン【CSSsir】

シェアする

CSS3ジェネレーターは無料ツールで使えるツールも多く存在していますが、Firefoxアドオンでも簡易的なジェネレーターですが、よさげなのがあったので紹介したいと思います。

CSSsirのインストール・使い方について

インストール方法

CSSsirを以下からダウンロードし、インストールします。
https://addons.mozilla.org/en-US/firefox/addon/csssir/

使い方

インストール後Firefox右上に帽子のマークが出現します。その横に「▼」があるのでそこをクリックすると以下の様なパネルが出ます。

csssir

パネル一番上部のText-shadowを使うとこんな感じになります。

csssir-text-shadow

特に難しい機能はありませんが、以下画像で番号を振ってある各項目の説明になります。

  1. プレビュー
  2. 数値を変更するとリアルタイムに変化します。

  3. スライダー
  4. 各値を変更します。

  5. CSSコード
  6. 2で変更した値が反映されます。

  7. コードコピー
  8. 作成したCSSをクリップボードにコピーします。

その他こんな感じです↓

  • text-rotation
  • text-rotation

  • transform
  • transform

  • outline
  • outline

  • gradient
  • gradient

まとめ

簡易的なジェネレーターですが、結構使えるのではないでしょうか。個人的にはTagクリーナーが地味に使いやすいと思ってしまいましたw

シェアする