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

    ノイズを入れた画像を作ることができる「NoisePNG」の使い方

    ノイズを入れた画像を作ることができる「NoisePNG」を使ってみまし…

  2. Web Service

    自分の興味にあったニュースや記事を推薦してくれる「Gunosy(グノシー)」を使ってみた

    自分の興味に合うニュースや記事を推薦してくれるGunosy(グノシー)…

  3. Web Service

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

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

  4. Web Service

    iPhoneからWordPressの投稿や固定ページ編集、コメント承認もできるアプリ「WordPre…

    前回iPhoneからWordPressの記事を投稿、編集できるアプリ「…

  5. Web Service

    色々なブランドカラーの値を知ることができる「BrandColors」

    ちょっとした参考になりそうだったのでメモがてらご紹介します。色々なブラ…

  6. Responsive Design Bookmarklet

    Web Service

    レスポンシブなデザインを瞬時に確認する為のブックマークレット「Responsive Design B…

    シンプルですが、かなり便利なブックマークレットを見つけたのでご紹介しま…

コメント

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

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

最近の記事

  1. ハワイ カウ
  2. ぼんしゃん全部入り
  3. ナイトロコーヒー
  4. チーズベーコンエッグバーガー
PAGE TOP