[HTML & CSS General] CSS で beveled corners 角を断ち切ったような Box を作成する方法
CSS で角を削ったような Box を作成するコード。
[markdown]
コード片がいろんな所にあったのですが、原典はCSSシークレットの著者の方のサイトで紹介されているようです。
> * [Beveled corners & negative border-radius with CSS3 gradients | Lea Verou](http://lea.verou.me/2011/03/beveled-corners-negative-border-radius-with-css3-gradients/)
キチンと動くコードをメモ。
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
オライリージャパン
売り上げランキング: 301,957
[/markdown]