Web Service

簡単にグラデーション、角丸、ボックスシャドウなんかを作成できるジェネレーター「CSS3 Generator」

グラデーションや角丸、ボックスシャドウなどのCSS3コードを生成してくれるジェネレーター「CSS3 Generator」を使ってみました。プレビューが大きくてとても見やすくていいですね。スライダーを弄るだけでサクっと手軽に使うことができるのでこういうのは覚えておきたいですね。以下使い方です。

[ads_center]

使い方

角丸やボックスシャドウのスライダーを左右へ動かしながら調整できます。

CSS3 Generatorの使い方

グラデーションは「OFF」から「ON」に切り替えて、始まりの色と終わりの色を指定するだけです。

グラデーションを設定

opacityで透明度も設定することができます。

opacityで透明度設定

出来上がったら下にある「GET THE CODE!」をクリックしてGET THE CODEしちゃって下さい。

コード生成

複雑な機能はないのでとてもシンプルで使いやすいですね。

次のページを自動で読み込んでくれるChrome拡張機能「AutoPager Chrome」を入れてみた前のページ

iPhone版Pocketで横スクロールした際に次の段落まで飛ぶ機能を無効にするやり方次のページ

関連記事

  1. Web Service

    ChromeからワンクリックでDropboxにアクセスできる拡張機能

    ChromeからDropboxにワンクリックでアクセスできる拡張機能「…

  2. Web Service

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

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

  3. Web Service

    ブログで使う画像を加工・編集して文字入れや矢印も簡単に挿入できるSkitchの基本的な使い方

    毎回ブログで使う画像はPhotoshopで編集したりしてたんですが、も…

  4. Web Service

    Draftpadのアシスト機能を使えばEvernoteやDropboxはもちろん、するぷろ for …

    前々からDraftpadを入れてたんですが、ほとんど使っていませんでし…

  5. Web Service

    iPhoneアプリのPictShareを使えば画像を簡単にDropboxやEvernoteなど色々な…

    iPhoneに入っている画像を簡単かつ素早くアップロードできるアプリ「…

  6. Web Service

    画像を右クリックから簡単にサイズやパス、容量などを確認できるChrome拡張機能「Image Pro…

    Web制作をしている時にプレビュー画面から手軽に画像サイズやパス(UR…

コメント

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

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

最近の記事

  1. 10種の野菜と5種のビーンズ サラダラップとドリップコーヒー
  2. EOS RP
  3. COMOLI シルクネルジャケット シルクネルドローストリングパンツ
  4. スターバックス ハシエンダ アルサシア

アーカイブ

PAGE TOP