CSS3 Box Shadow Generator

Web Service

CSS3でボックスシャドウが作れるジェネレーター「CSS3 Box Shadow Generator」

CSS3 Box Shadow Generatorという便利なジェネレーターを発見したのでご紹介します。CSS3を使ったボックスシャドウを作成することができます。シャドウやCSSコードがリアルタイムに反映されていくので、効率的にボックスシャドウを作りたい人にはオススメです。

[ads_center]

CSS3 Box Shadow Generatorの使い方

基本的にはボックスシャドウを確認しながら各設定項目にあるスライドバーなどを調整していきます。

CSS3 Box Shadow Generator

このように、MAIN SETTINGS(メインセッティング)には角度、距離、ボカシ、rgb、透明度を設定することができます。シャドウを直接確認しながら設定を調整していくことができるので、とても便利です。必要があればOPTIONAL SETTINGSも設定します。

自分好みのボックスシャドウが出来上がったら「Generated CSS」という項目にCSSコードが作成されています。

手軽に利用することができるので、CSS3でボックスシャドウを作る際の手間を減らしたい時にはとても役立つジェネレーターですね。

CSS3 Box Shadow Generator

関連記事

  1. Web Service

    ノイズを入れた画像を作ることができる「NoisePNG」の使い方

    ノイズを入れた画像を作ることができる「NoisePNG」を使ってみまし…

  2. CSS Button Generator

    Web Service

    シンプルでお洒落なCSSボタンを作成できる「CSS Button Generator」

    とても良さそうだったので使ってみました。シンプルでお洒落なCSSボタン…

  3. Web Service

    指定した色を基準にグラデーションから好きな色を選択できる「0to255」

    指定した色を基準にしてグラデーションからその色より明るい(または暗い)…

  4. Web Service

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

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

  5. Web Service

    iPhoneでWebページ全体のスクリーンショットを一発で撮れるアプリ「Web Scroll Cap…

    iPhoneで今見ているWebページのスクリーンショットを撮る場合は「…

  6. Rounded corner generator

    Web Service

    CSS3の角丸を直感的な操作で作成できるジェネレーター「Rounded corner generat…

    CSS3を使って角丸を作成したい時に役立つジェネレーター「Rounde…

最近の記事

  1. 200-DGCAM019
  2. ハクバ GW-PRO RED フォトグローブプロ PL
  3. Soundcore Liberty Air 2
  4. Soundcore Liberty 2
  5. マザーツリー

アーカイブ

PAGE TOP