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. 縦置きスタンド
  2. スマトラ
  3. さくらドーナツ
PAGE TOP