Как сделать фото со стрелочкой?
Можно как-то так:
jsfiddle.net/y5qytwxt
Если нужны тени то их тоже вполне реально реализовать на CSS3, не стал заморачиваться. 
Ну и решение только для одноцветного фона.
И нафига, простите, вам этот гемор?
Реализуется то просто - вырезаете картинку с белой заливкой и вырезанным треугольником и ставите поверх фотки. 
Есть вариант ещё через свг-маску, но боюсь это для вас будет слишком сложно, так что лучше делайте так.