Славься Андрей Николаев! Обновлял битрикс, разные настройки сервера тыкал, переносил в облако, на локали. А виной всему "Серая стрелочка в углу"! Обожаю свою работу.
Каким-то магическим макаром эта комбинация стилей стала сбоить в последнее время безбожно. ПРОВЕРЯЙ ios обязательно, там только хаками будет лечиться баг этих св-тв. А конкретно твой случай - это уж так отрендерил браузер. Можешь потыкать transforn3d, backface-visibility и will-change просто от балды, может что и полечит твой случай. Или размеры попробуй по пикселям туда сюда потягать.
kopvi64, на мобиле скорее всего юзается встроенный ROBOTO со всеми семействами нужными. А на десктопе подключаете скорее всего из гугл фонтов, не выбрав все нужные языки.
Марина, Я бы все равно остановился на наложении svg или картинки - не важно. Можно эту картинку как бекграунд псевдоэлемента в css вставить. Даже в base64 виде, если совсем никак не закинуть файл на сервер.
Slava, мне интересно, как можно на css нарисовать дугу отличную от 90 градусов. Возможно нарисовать дугу 90 градусов, ее повернуть немного, а вторым псевдоэлементом белым перекрыть ее часть. Но это такой костыль)
ololoshka1, правильно думаете) Опишите массив доступных значений для смещения. При событии ховера рандомно берете одно из значений этого массива и подставляете в стиль элемента текущего.
На svg не получится добиться такого эффекта, ты можешь морфить пути от одного состояния до другого, но высчитать такой морф волнообразный невозможно (как мне кажется) разумными способами. И второе ты уже сам упомянул - будут фризы и просадки фпс. Очень грузит морфинг путей, особенно в таком кол-ве.
Разумно это делать на webgl, но поди найди кто сумеет)
Так что остается видео, на мой взгляд.
