2021-01-27 11:43
ベジェ曲線で画像を丸っぽくくり抜く (CSS clip-path)
<img src="https://blob.yammer.jp/gather_fishes.jpg" style="clip-path:url(#bezier-curve-circle); width:300px;" /> <svg> <clipPath id="bezier-curve-circle" clipPathUnits="objectBoundingBox"> <path d=" M 0 0.5 C 0 0.166, 0.166 0, 0.5 0 S 1 0.166, 1 0.5 S 0.