Webやアプリのデザイントレンドを紹介。たまに雑談。

Browse By

[CSS3] border-corner-shape – 角丸ボーダーのジェネレーター

  • Pocket
  • このエントリーをはてなブックマークに追加

CSS3の角丸ボーダーのジェネレーター。まぁ角丸の指定なんて基本的にborder-radiusの数値入れてやるだけなので、別にジェネレーターなんてなくてもできるんですが、ここでは指定した数値がすぐにプレビュー欄に反映されるので「もうちょっとだけ丸く」みたいな微調整がやりやすいです。また角丸の種類やheight, widthも個別に指定できるので、ここでちょうどいいシェイプの角丸ボックスを作ってからCSSファイルに貼り付けるという使い方が便利そうです。あと各数値にフォーカスした状態で十字キーの上下で数値をイジくれます。Shiftを組み合わせると大きく数値を変化できるようになってます。

One thought on “[CSS3] border-corner-shape – 角丸ボーダーのジェネレーター”

コメントを残す

メールアドレスが公開されることはありません。 が付いている欄は必須項目です

このサイトはスパムを低減するために Akismet を使っています。コメントデータの処理方法の詳細はこちらをご覧ください