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. Web Service

    あとで読むiPhoneアプリ「Read It Later」の基本的な設定や簡単な使い方

    あとで読むためのiPhoneアプリ「Read It later」が流行…

  2. Web Service

    現在のブラウザサイズをリアルタイムで教えてくれる「What’s My Browser S…

    かなりシンプルでよさげなWebサービスがあったのでご紹介します。現在の…

  3. Type Zebra

    Web Service

    自分のパソコン内に入っているフォントを確認できる「Type Zebra」

    自分のパソコン内に入っているフォントを確認できる「Type Zebra…

  4. Web Service

    エバノートにノートリンク機能があることを知らなかったので使ってみた

    エバノートにノートリンク機能なんてのがあるみたいですね。知らなかったで…

  5. Web Service

    文字はいらない!Webサイトを画像だけで楽しむことができるブックマークレット「Wordless We…

    おもしろいブックマークレットがあったのでご紹介します。Webサイト上に…

  6. CSS Gradient Animator

    Web Service

    CSSでグラデーション背景を変化させるコード作成ジェネレーター「CSS Gradient Anima…

    CSSで変化するグラデーション背景を作成したい時に役立つジェネレーター…

最近の記事

  1. Apple WatchでのMacロック解除を無効
  2. オータムスイートポテトフラペチーノ
  3. 紅葉
  4. ナノケア EH-NA0E
  5. スターバックス コロンビア サンタンデール

アーカイブ

PAGE TOP