【CSSで多角形、ハート、インベーダーなどの表現方法をコード公開されているページがシンプルで便利です】｜今村だけがよくわかるブログ

【CSSで多角形、ハート、インベーダーなどの表現方法をコード公開されているページがシンプルで便利です】 四角形とか、三角形とか。複雑な形だと、僕は結構画像を使って表現しますが、いろいろWEB制作案件をやっていると、CSSで表現したほうがすっきりする場合もあります。 それで、CSSでいろんな形を表現したサンプルコードをまとめたページ(http://css-tricks.com/examples/ShapesOfCSS/)があります。 こういう表現がCSSで可能。コードも公開されているのでおすすめ 参考リンク(http://css-tricks.com/examples/ShapesOfCSS/)には上記のスタイル以外にももっとあります。台形、楕円形、スター、バッジ、フキダシ、バースト表現などなど。(※古いブラウザによっては対応できていないものもありますので、要確認です～） CSS-TRICK

[s56bouya]

書きました。サンプルコードが掲載されてるって、ほんと助かります。