【CSS】clip-path で手軽に図形デザイン

先日とあるブログを見ていたら、プロフィールカードのサムネ画像が斜めにカットされたデザインになってて、これどうやってるのかなとソースコードを覗いてみたら、CSSに clip-path という未知のプロパティが使われていた。

調べてみると clip-path は SVG の様に座標を指定するだけで画像や背景を手軽に好きな形にクリッピング(トリミング)できるらしい。Read More