Сергей 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, и всё у вас будет настолько нормально, насколько это вообще возможно.
Korsia, я без понятия, как там у вас что сделано, у меня лично всё просто.
Вот для теста сделал элемент — текстовой слой, где я поставил тексту цвет #fff. Потом я выделил одно слово внутри и ему поставил заливку красного цвета, и я могу это видеть отчётливо в панели, когда курсор ставлю на это слово:
Без понимания структуры макета (на вашем скриншоте нет её) сложно что-то сказать, если не выходит сделать так, как я описал выше.
