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

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

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

  2. Web Service

    Chromeのダウンロード履歴を自動で消去してくれる拡張機能「Always Clear Downlo…

    ちょっと良さげだったので入れてみました。Google Chromeのダ…

  3. Web Service

    iPhoneでコピペを多用する人に便利なクリップボード履歴が分かるアプリ「Clipboard Man…

    個人的にとても便利すぎるアプリがあったのでご紹介します。iPhoneの…

  4. Web Service

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

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

  5. Web Service

    iPhoneスクリーンショットで上部のステータスバーを削減してくれるMacアプリ「Status Ba…

    便利そうなアプリを発見したのでご紹介。主にブロガー向けツールかなと思い…

  6. Hex Preview

    Web Service

    カラーコード(HEX値)を入力して色のプレビューを確認できる「Hex Preview」

    Hex Previewという便利なサービスを発見したのでメモがてらご紹…

コメント

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

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

最近の記事

  1. TR153
  2. cheero Flat 10000mAh with Power Delivery 18W CHE-112
  3. SV-S251
  4. スラウェシ トラジャ

アーカイブ

PAGE TOP