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

    文字をペーストするだけで文字数をカウントしてくれるChrome拡張機能「文字数カウンタ」

    何気に入れておけば便利かと思ったのでインストールしてみました。文字をペ…

  2. Web Service

    マウスを動かすことで自分の好きな色を見つけることができる「Piknik Color Picker」

    とてもお洒落でシンプルなカラーピッカー「Piknik Color Pi…

  3. Web Service

    日本にいる住所を英語の住所に簡単に変換してくれるWebサービス「JuDress」

    日本にいる住所を英語の住所に簡単に変換してくれるWebサービス「JuD…

  4. Web Service

    好きな色、パターン、グラデーション、背景画像などを探せる「ColRD」

    好きな色、パターン、グラデーション、背景画像なんかを探すことができる「…

  5. Web Service

    ストライプの背景パターンをサクっと作ることができる「Striped Backgrounds」

    とてもシンプルで使いやすいかったのでメモがてらエントリー。背景なんかに…

最近の記事

  1. すしざんまい
  2. 蒼龍唐玉堂 特製牛バラ担々麺
  3. サーモンアボカドサラダラップとドリップ
  4. 猿田彦フレンチ
  5. Zarigani Curry 挽肉のカレー ゴーダチーズとピクルスを添えて

アーカイブ

PAGE TOP