Задать вопрос

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

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

Войдите, чтобы написать ответ

Похожие вопросы