Странное неокрашенное пространство, вызванное вращающимся div ⇐ Html

[Anonymous]

В настоящее время у меня есть какая-то странная проблема, вызванная вращением Div.
Для минимального примера: см. Ниже, или https://codepen.io/mark-boute/pen/veokjpn
Для примера, включая SVG, я хочу использовать, см. https://codepen.io/mark-boute/pen/wbvxrex

Обратите внимание, что добавление активов является профессиональной функцией, поэтому мне пришлось напрямую вставить SVG в качестве HTML. Фактический код написан с использованием Django-Components, поэтому я изо всех сил старался воссоздать его. Удаление преобразования: вращение (180deg); Line CSS, по -видимому, удаляет это поведение. Поведение одинаково для браузеров на основе хрома и Firefox, я протестировал это, используя несколько устройств

[*] Linux с Firefox и Chrome, где у обоих были проблемы.
Windows с хромом, у которых была проблема. /> < /ul>

(я специально хочу поведения вращения вместо масштабирования (-1) < /code> для эффекта моих SVGS!). < /p>
< /blockquote>


Это кодепен с SVGS, с представленной проблемой < /p>

Подробнее здесь: https://stackoverflow.com/questions/796 ... tating-div