Web Service

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

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

[ads_center]

使い方

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

CSS3 Generatorの使い方

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

グラデーションを設定

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

opacityで透明度設定

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

コード生成

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

関連記事

  1. Pocketのリスト並べ替え

    Web Service

    Pocket(Web版)で記事リストを最新から最古に並べ替える設定方法

    Web版(ブラウザ)のPocketで記事リストを表示させるとデフォルト…

  2. Web Service

    CSS Sprite用の画像やコードを簡単に作成してくれるCSS Sprite Generatorを…

    すごい今更なんですがCSS Spriteを初めて試してみました。自分で…

  3. CSSViewer

    Web Service

    マウスを乗せた場所のCSSコードを気軽に確認することができるChrome拡張機能「CSSViewer…

    とても便利そうだったので使ってみました。マウスを乗せた場所のCSSコー…

  4. Web Service

    タスク管理アプリ「Toodledo」が便利なのでそのメリットなどいろいろ

    Toodledoというタスク管理アプリを使ってみました。iPhoneア…

  5. CSS3 Box Shadow Generator
  6. Unsplash It

    Web Service

    かっこいいダミー画像を読み込めるWebサービス「Unsplash It」

    Unsplash Itは、かっこいいダミー画像を手軽に読み込むことがで…

コメント

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

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

最近の記事

  1. M360bt
  2. BQ-CASE/1

アーカイブ

PAGE TOP