Rounded corner generator

Web Service

CSS3の角丸を直感的な操作で作成できるジェネレーター「Rounded corner generator」

CSS3を使って角丸を作成したい時に役立つジェネレーター「Rounded corner generator」をご紹介します。四隅に設定されているスライダーを動かすことで自由度の高い角丸を簡単に作成することができます。直感的に操作できるので、とても便利ですね。

[ads_center]

使い方

こんな感じでスライダーを調整しながら角丸の度合いを設定していくことができます。

Rounded corner generator

その他にもボーダーのサイズ、透明度、シャドウなんかも指定することができます。

カラーに関しても、メインのボックスやボーダー、そしてシャドウにも自分の好きな色を指定できます。

自分好みの角丸デザインを作りたい時に役立つジェネレーターですね。

CSSコードも表示されており、スライダーを動かしたりすることでリアルタイムで反映されていきます。そのまま簡単に使うことができるので、とてもお手軽ですね。

Rounded corner generator : css3 or images & css

関連記事

  1. Web Service

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

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

  2. Web Service

    使い方もとてもシンプルで色々なBGMを流してくれる「GetWorkDoneMusic」

    GetWorkDoneMusicというWebサービスを使ってみました。…

  3. Responsive Design Bookmarklet

    Web Service

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

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

  4. Web Service

    ブログで使うCC(クリエティブコモンズ)対象の画像をFlickrやGoogleから簡単に探してくれる…

    ブログでその記事に関連するアイキャッチ画像を入れたりしたい時があるかと…

  5. Web Service

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

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

  6. Web Service

    材料・時間・カロリー指定もできる「Google レシピ検索」

    Google レシピ検索という便利なサービスを試してみました。Goog…

最近の記事

  1. BALMUDA The Pure
  2. BALMUDA The Pot Chrome

アーカイブ

PAGE TOP