Прозрачный треугольник DIV на картинке?
1) вложить картинку в блок
2) блок в CSS повернуть на 30 градусов по часовой стрелке - transform: rotate(30deg);
3) картинку в CSS повернуть на 30 градусов против часовой стрелки - transform: rotate(-30deg);
codepen.io/anon/pen/EjGOgO
через skew