Подчёркивание текста кнопок при наведении в ЗЕРО блоке Тильды. Эффект кнопки Тильда Кнопка ЗЕРО блок

Подчёркивание текста кнопок при наведении в ЗЕРО блоке Тильды. Эффект кнопки Тильда Кнопка ЗЕРО блок. Ссылка на код: 🏆 Мой СУПЕР-Курс по программированию в Тильде: Партнёрская программа: =================== Нередко на сайтах применяется эффект подчёркивание текста кнопок меню при наведении мыши. Подчёркивание может пригодиться как снизу, так и сверху или перед текстом или за ним, а также оно может выползать слева направо, из центра или справа налево и иметь разный цвет, толщину и даже бордюр и скругления по углам или вообще выглядеть как картинка. Чтобы реализовать в Тильде такое подчёркивание кнопки меню в ЗЕРО-блоке, можно воспользоваться SBS-анимацией. Так обычно и делают. Создают под каждым текстом шейп, которому назначают первым шагом нулевой масштаб, а при наведении на кнопку вторым шагом масштаб увеличивают до 100%. Неудобно это тем, что для каждой кнопки приходится создавать отдельный шейп и равнять все эти шейпы по длине текстов кнопок. Потом надо делать то же самое для других диапазонов дисплеев – как минимум для диапазона от 960 до 1200, потому что нередко этот диапазон также включает в себя устройства с мышью, где эффект по наведению должен ещё работать. Если же в процессе вёрстки приходится перетаскивать кнопки, то их надо очень внимательно таскать вместе с этими шейпами и следить, чтобы они не расползлись. Плюс ко всему, захламляется панель слоёв, в которой потом трудно разобраться какой шейп к какой кнопке относится. В общем, кто это делал, тот понимает...