円形に切り抜く場合は、border-radius: 50%;（より多くのブラウザーに対応する場合は、ピクセル数で記述）。border-widthの値を遷移させることで使って面白いエフェクトも。
三角形に切り抜く場合は、borderを使って三角形のマスクを作る。切り抜いた箇所の背景色は透過にはならないので、背景色とあわせる必要がある。
こちらは画像の切り抜きではないが、円形や三角形のほか星型やハート型などさまざまな形状の図形をCSSのみで実装している。コードサンプルはコピペするだけで使えるので覚えておいて損はない。
円形に切り抜く場合は、border-radius: 50%;（より多くのブラウザーに対応する場合は、ピクセル数で記述）。border-widthの値を遷移させることで使って面白いエフェクトも。
Border-width animation fun - December 1st, 2011 | HTML5 and CSS3...
http://html5advent2011.digitpaint.nl/1/三角形に切り抜く場合は、borderを使って三角形のマスクを作る。切り抜いた箇所の背景色は透過にはならないので、背景色とあわせる必要がある。
CSSで画像を三角に切り抜く - Weblog - hail2u.net
http://hail2u.net/blog/webdesign/cut-a-triangle-from-an-image-with-css.htmlこちらは画像の切り抜きではないが、円形や三角形のほか星型やハート型などさまざまな形状の図形をCSSのみで実装している。コードサンプルはコピペするだけで使えるので覚えておいて損はない。
The Shapes of CSS
http://css-tricks.com/examples/ShapesOfCSS/関連するトピックス