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

iPhone画面を横向きで固定iPhone画面を横向きに固定してロックさせる方法前のページ

Webページやモバイルサイトで使いたいフリーのアイコンセット次のページフリーのアイコンセット

関連記事

  1. Web Service

    キャッチコピーや文章作成に便利!類語を教えてくれる「文章リライトツール」

    ブログを書いたりキャッチコピーをつくったり文章作成するひとにとって役立…

  2. Web Service

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

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

  3. Screenqueri.es

    Web Service

    ブラウザ上でレスポンシブWebデザインを確認することができるツール「Screenqueri.es」

    ブラウザ上でレスポンシブWebデザインを確認することができる便利なツー…

  4. Web Service

    右クリックでキャッシュ、クッキー、履歴を消すことができるChrome拡張機能「Clear」

    Chrome拡張機能「Clear」というのがとても便利そうだったので入…

  5. Web Service

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

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

最近の記事

  1. 梅
  2. CAR-HLD12BK
  3. OWL-LPB6701LA

アーカイブ

PAGE TOP