CSSのみで画像を菱形に切り抜く方法のデモ

菱形で切り抜いただけのもの

img

切り抜いてリンクをあてテキストをのせたもの

さらにアニメーションをプラス