Web Service

PhotoshopのようなインターフェースのCSS3ジェネレーター「Layer Styles」

Photoshopに慣れてる人なら違和感なく使いこなせそうですね。CSS3ジェネレーター「Layer Styles」ではドロップシャドウやグラデーション、角丸なんかをサクっと生成してくれます。シンプルで機能も必要なものに絞られているので個人的にはとても使いやすかったです。

[ads_center]

使い方

Layer Styles 使い方

左上にあるパネルの中の「Styles」から各スタイルを選択して調整することができます。上から順に以下のようになります。

  • Drop Shadow → ドロップシャドウ
  • Inner Shadow → シャドウ
  • Background → 背景
  • Border → ボーダー
  • Border Radius → 角丸

グラデーションもこの通りPhotoshopで作業するような感じで作ることができます。

Layer Styles グラデーション

角丸も簡単に調整できます。

Layer Styles 角丸

出来上がったら左下にある「CSS Code」をクリックしてコードを取得します。

Layer Styles コード取得

ということで、CSS3を使う時なんかに覚えておくと作業がかなり捗りそうですね。

関連記事

  1. Web Service

    Macで簡単に画像を切り取ったりぼかしやモザイクを入れることができるアプリ「ToyViewer」

    ToyViewerというMacのアプリを使ってみました。起動や動作も早…

  2. Web Service

    話題のiPhoneのTODO管理アプリ「Clear」を使ってみた

    いくつかの記事で話題になっていたTODO管理アプリのClearがいつの…

  3. Web Service

    使い方もとてもシンプルで色々なBGMを流してくれる「GetWorkDoneMusic」

    GetWorkDoneMusicというWebサービスを使ってみました。…

  4. Web Service

    CSSで簡単に三角形を作ってくれるChrome拡張機能「CSS三角形作成ツール」

    ちょっと面白かったのでご紹介します。Chromeの拡張機能で、CSSで…

  5. Web Service

    ATOK Pad(Mac)を使ってみたら呼び出しも簡単で使いやすかった

    ATOK Pad(Mac)をインストールしてみました。ちょっとしたメモ…

  6. Pocketのショートカットキー

    Web Service

    Pocket(Macアプリ・Webブラウザ)で便利なショートカットキー

    あとで読むサービスでお馴染みのPockeで日頃からよく使う便利なショー…

コメント

  1. この記事へのコメントはありません。

  1. この記事へのトラックバックはありません。

最近の記事

  1. プラスシェル シティ04 フォールディングカメラケース
  2. enerpad AC-27KS
  3. KMS-160

アーカイブ

PAGE TOP