四角形とか、三角形とか。複雑な形だと、僕は結構画像を使って表現しますが、いろいろWEB制作案件をやっていると、CSSで表現したほうがすっきりする場合もあります。
それで、CSSでいろんな形を表現したサンプルコードをまとめたページ(http://css-tricks.com/examples/ShapesOfCSS/)があります。
こういう表現がCSSで可能。コードも公開されているのでおすすめ
参考リンク(http://css-tricks.com/examples/ShapesOfCSS/)には上記のスタイル以外にももっとあります。台形、楕円形、スター、バッジ、フキダシ、バースト表現などなど。(※古いブラウザによっては対応できていないものもありますので、要確認です~)
CSS-TRICKSさんは昔から参考にさせて頂いてます。とても有名なサイトなので、ご存知の方も多いかも・・・私個人的には、シンプルに過不足なく情報が得られるサイトなので、とてもおすすめだなぁと思います。
日々の業務やスキル向上のために活用させていただくのがベスト
国内外問わず、サンプルコードを公開されているサイトって、本当にありがたいです。感謝しつつ活用させていただきます。
このページを共有する