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

    iPhoneの人気のカメラアプリ「プロカメラ」がすごくよかったのでその基本的な使い方

    iPhoneアプリで人気の高いカメラアプリ「プロカメラ」を使ってみまし…

  2. Web Service

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

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

  3. タイマーループ

    Web Service

    複数のタイマーを設定して組み合わせることができるGoogle Chrome拡張機能「タイマーループ」…

    ブラウザの拡張機能で便利なタイマーを探していたんですが、とてもよさげな…

  4. Web Service

    色々なブランドカラーの値を知ることができる「BrandColors」

    ちょっとした参考になりそうだったのでメモがてらご紹介します。色々なブラ…

  5. Type Zebra

    Web Service

    自分のパソコン内に入っているフォントを確認できる「Type Zebra」

    自分のパソコン内に入っているフォントを確認できる「Type Zebra…

  6. Web Service

    マウスを動かすことで自分の好きな色を見つけることができる「Piknik Color Picker」

    とてもお洒落でシンプルなカラーピッカー「Piknik Color Pi…

最近の記事

  1. KPS-88
  2. Happy Plugs AIR1
  3. cheero Stream 10000mAh
  4. BOSE HOME SPEAKER 300
  5. RP-PC112

アーカイブ

PAGE TOP