CSS3
CORNER
CUTTER

角のスタイル
 
塗りの色
#
カットする量
px

CSSだけで簡単に角が欠けた表現が出来るジェネレーターです。
〝background-size〟で背景を左下、左上、右下、右上と4等分し、それぞれの領域に45度、135度、225度、315度と10pxの同じ色から10pxの透明のように近接した線形グラデーションの背景を設定すると角が欠けたような表現になります。
角が丸く欠けた方は円形グラデーションで表現しています。

※IEは非対応で単なる塗りつぶしになります。