Как укротить svg?

Question

[Альберт Рашитов]

Здравствуйте! Есть следующий код:
codepen.io/AlbertRAR/pen/dPYmVo?editors=110
Вопрос:
Как заставить бг изменятся при ховере на всей поверхности ромба?
Проблема:
при ховере на текстовый блок (<div class="diamond-rassvet-txt">) бг не меняется. Я знаю причину, но не знаю решение.
Может какой хак поможет?
Или придется этот блок тоже в svg переводить?
P.S. так же не работает transition с svg (css 3-я строчка).

Answer 1

[ModestesGonze]

Так пойдет? Другого решения не вижу, если не включать текст в svg.

Comments

[Альберт Рашитов]

Спасибо тебе svg-css супермен!)

[Альберт Рашитов]

может быть ты знаешь как решить вопрос с transition?

[Альберт Рашитов]

Андрей: ок, спасибо!