[HTML & CSS General] CSS で beveled corners 角を断ち切ったような Box を作成する方法

CSS で角を削ったような Box を作成するコード。

コード片がいろんな所にあったのですが、原典はCSSシークレットの著者の方のサイトで紹介されているようです。

• Beveled corners & negative border-radius with CSS3 gradients | Lea Verou

キチンと動くコードをメモ。

See the Pen Beveled corners CSS box by DriftwoodJP (@DriftwoodJP) on CodePen.

CSSシークレット ―47のテクニックでCSSを自在に操る

posted with amazlet at 17.10.04

Lea Verou
オライリージャパン
売り上げランキング: 301,957

Amazon.co.jpで詳細を見る