Сергей delphinpro, согласен, тут вообще много модификаций надо, на мой взгляд (transitionend, опции с разными анимациями, получение атрибута target, добавление стилей через JS и т. п.). Это как затравка, а уже дальше автор вопроса пусть шикует.
bozuriciyu, я ещё раз говорю, что у меня не работает переход ни на одной ссылке, внимательный автор вопроса. Ссылку-кнопку я просто для примера привёл.
bozuriciyu, какая разница, как это выглядит, если это тоже ссылка? У меня не работает ни одна. Chrome 76.
P. S. Вот код этой «кнопки»:
<a href="https://www.myfonts.com/fonts/flat-it/bebas-neue-pro/?refby=fdn" target="_blank" class="button-module preserve-whitespace--nowrap">Try Bebas Neue Pro at Myfonts</a>
Sergen23, JS не нужен. Куча обёрток + отрицательный margin у одного блока да и padding или margin у другого (костыль), ну или добавлять и убавлять ширину (костыль).
Или вообще на absolute сделать можно, если контент не тянет габариты.
Меняется, только как именно — вы не предугадаете. Далее я буду говорить только о сохранении материалов для Web. Профиль sRGB позволит минимизировать различия благодаря широчайшей поддержке (по факту, это стандарт). Ну а если вы сохраняете в какой-то разновидности CMYK, например, то тут уже как бог даст, что будет на мониторе иного человека. И мы не говорим ещё о программно-аппаратных особенностях: качестве матрицы, её технологии, калибровке, программных фильтрах поверх и т. п.
Если вы работаете с графикой для Web — сохраняйте всё в sRGB, и всё у вас будет настолько нормально, насколько это вообще возможно.