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

    レスポンシブ制作に役立つiPhone・iPad・Macの表示確認ツール「Respondr」

    レスポンシブWebデザインを制作する上で役立つ表示確認ツール「Resp…

  2. ツイッターへの画像・動画の載せ方

    Web Service

    ツイッターへの画像・動画の載せ方(添付方法)について

    ツイッターでつぶやくときに、ただ文章のみをつぶやくだけではなく画像や動…

  3. Web Service

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

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

  4. CSS3 Box Shadow Generator
  5. Web Service

    iPhoneで撮影した写真の個人情報などにモザイクや黒の塗りつぶしで隠すことができるアプリ「hide…

    iPhoneで撮影した写真で顔やメールアドレスなどの個人情報が写ってい…

  6. WebGradients

    Web Service

    CSSやPNG形式に対応した180種類のグラデーションを活用できる「WebGradients」

    WebGradientsは、180種類ものグラデーションが用意されたコ…

最近の記事

  1. 濃いアーモンドミルク
  2. COMOLI ベタシャンプルオーバーシャツ
  3. ユニクロ エアリズム マイクロメッシュVネックT(半袖)
  4. ライオン システマ 超コンパクト ふつう
  5. タリーズ ハムチーズ&サラダサンド

アーカイブ

PAGE TOP