Как сверстать на svg текст в треугольнике?

Question

[kiberlain]

необходимо сверстать треугольную ссылку с img-шкой внутри, внутри треугольника с имг-шкой нужно разместить внизу ещё один маленький треугольник с надписью "подробнее".



треугольную ссылку с картинкой я сделал, а вот как жёлтый треугольник сделать и к низу прибить - не знаю.

вот здесь https://jsfiddle.net/jfxfs5vj/1/ то что получилось наваять на час первого знакомства с svg =/

Comments

[Lynn «Кофеман»]

Почему SVG?

[kiberlain]

Алексей Тен: не хотелось извращаться с css3 трансформациями, а по умолчанию блочная ссылка то будет квадратной но никак не треугольной