【CSSで多角形、ハート、インベーダーなどの表現方法をコード公開されているページがシンプルで便利です】

四角形とか、三角形とか。複雑な形だと、僕は結構画像を使って表現しますが、いろいろWEB制作案件をやっていると、CSSで表現したほうがすっきりする場合もあります。

それで、CSSでいろんな形を表現したサンプルコードをまとめたページ(http://css-tricks.com/examples/ShapesOfCSS/)があります。

こういう表現がCSSで可能。コードも公開されているのでおすすめ

参考リンク(http://css-tricks.com/examples/ShapesOfCSS/)には上記のスタイル以外にももっとあります。台形、楕円形、スター、バッジ、フキダシ、バースト表現などなど。(※古いブラウザによっては対応できていないものもありますので、要確認です~)

CSS-TRICKSさんは昔から参考にさせて頂いてます。とても有名なサイトなので、ご存知の方も多いかも・・・私個人的には、シンプルに過不足なく情報が得られるサイトなので、とてもおすすめだなぁと思います。

日々の業務やスキル向上のために活用させていただくのがベスト

国内外問わず、サンプルコードを公開されているサイトって、本当にありがたいです。感謝しつつ活用させていただきます。

著者:bouya Imamura