AlexandraWeather, зачем border-то для этого?
Просто фоном.
Пропорции svg сломать с помощью preserveAspectRatio="none"
Хвост я бы ставила отдельно, чтобы он не портил картину.
С другой стороны, если такая радость одна, то и без разницы если он изменит пропорции.
Возможно, пригодится ещё vector-effect="non-scaling-stroke", пробуйте.
ponko11, у меня не дергалось вообще, а вы не рассказали что нужно, чтобы воспроизвести баг.
Фон не влияет ни на какие размеры, значит дерганья вызвать не может.
Я бы предложила вам воспроизвести баг в песочнице на codepen.io
Плюс в том, что с большой вероятностью, сами найдете в чем там дело.
Скорее баги там скорее в коде.
Ховер это состояние интерактивных элементов.
А у вас висит на li
Вместо того, чтобы изменять размер псевдо (или градиента ссылки) вы меняете размер ссылки. Т.е. сначала текст из неё вываливался, а потом должен вписаться.
MANTiS12, ну рисуйте трапецию..
Вряд ли её захочет повторять верстальщик (если это вообще нужно верстать), но если обратите его особое внимание, то может есть шансы.
Первый от этого же спрашивателя Что делать,если шрифты закреплены в прототипе,то какие должны быть в планшетной версии?