aspirantes, свг строчный, возможно поможет если написать для свг что он блочный то есть display: block, ну и так же его родитель должен быть на 100% высоту своего родителя
Со спрайтами бывают проблемы а точнее проблемы из за теневого дома который закрыт, я обычно в этом случае вываливаю svg из javascript ..так 100% работает
svg старше чем html5 и изначально был создан для анимированных презентаций который открывались на старых дряхлых ПК так что о кроссбраузерности не говорите....от слова вообще
На css это сделать не возможно...по крайней мере это 100% будет не кроссбраузерно
Есть новая плюшка...типа offset-path + offset-distance это на css и о кроссбраузерности не могу сказать
нарисуйте эту область в векторном редакторе и все проблемы
просто обведите контуром этот 3D объект .. и заливка должна быть transparent а родитель то есть та сущность html на которой происходит mousemove должен обернуть эту svg-шку