На веб-странице есть набор крупных иконок с поясняющим текстом.
Я хочу сделать так, чтобы при наведении курсора значок увеличивался, как это делается в RocketDock или MacOS.
Но есть три нюанса:
1. Иконка в обычном и увеличенном виде будет использоваться разная — при наведении курсора изображение должно заменяться на более крупное и детальное.
2. Элементы списка это не просто значки, у них есть текстовый заголовок (показываемый всегда) и поясняющий текст (показываемый при увеличении), который выводится под изображением.
3. Мне бы очень хотелось использовать многострочный список, т.к. в списке может быть до десятка элементов, на узкий экран они не поместятся, а скроллинг или карусель будут неуместны.

Сделать это в принципе сделал, но результат мне не нравится.
Не подскажите, как этот эффект правильно называется?
Хочу посмотреть примеры реализации.

вадятут пример https://jonhappy.github.io/modal_menu/
По ссылке модальный диалог.
Какое он имеет отношение к моему вопросу?

Кто о чем, а вшивый про баню.
Мне не нужно делать превью и при клике или наведении выводить большую картинку.
Вопрос у меня совсем другой.