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

crossfade.jsスクロールで画像をクロスフェードできるjQueryプラグイン「crossfade.js」前のページ

iPhone画面を横向きに固定してロックさせる方法次のページiPhone画面を横向きで固定

関連記事

  1. Box Shadow

    Web Service

    CSSでボックスシャドウを作成してくれるジェネレーター「Box Shadow」

    CSSでボックスシャドウを簡単に作成できるジェネレーター「Box Sh…

  2. Web Service

    カラーコードからRGBコードに変換(その逆も)してくれる「RGB変換」

    カラーコードからRGBコードに変換してくれるサービスを探していたら理想…

  3. Web Service

    背景パターンをお手軽に作成することができる「BgPatterns」

    背景パターンをとてもお手軽に作成することができるWebアプリ「BgPa…

  4. CSS Color Chart

    Web Service

    CSSのカラーネーム、HEX、RGBを1クリックでコピーできるカラーチャート「CSS Color C…

    CSS Color Chartがとても便利だったのでご紹介します。とて…

  5. Colors Palette Generator
  6. Web Service

    PNG画像をブラウザ上にアップロードするだけでファイルサイズを圧縮することができる「PunyPNG」…

    ブラウザ上でローカルに保存してある画像をアップロードするだけで簡単にフ…

最近の記事

  1. EOS R5
  2. Anker PowerExpand Direct 6-in-1 USB-C PDメディアハブ
  3. ペットボトルホルスター

アーカイブ

PAGE TOP