И адаптивность вы на телефонах таким образом не отключите. Вы этим действием только тупо сделаете горизонтальную прокрутку на всём сайте. Ну и, безусловно, никакого у вас «пропорционального сжатия» на мобильных не будет.
Адаптивность зависит от мета-тега, а не от такой штуки, какую вы хотите сделать.
Denisneedyourhelp, почитайте о position: absolute и родительских блоках элементов с таким типом позиционирования. Элементу с position: absolute нужен родительский блок с position: relative/fixed/absolute/sticky. Относительно него и будет позиционироваться ваш position: absolute.
Denisneedyourhelp, если вы ставите прозрачность всему блоку, то отменить его у дочерних элементов не выйдет, оно жестко наследуется. Делайте другую структуру.
urajo, если вы хотите выделить ваши анимации в отдельные keyframe (зачем), то можно так:
Только обратная анимация будет применяться при загрузке страницы + клик до того, как анимация закончилась, будет обрывать её, поэтому такой подход нужен только тогда, когда вы с помощью JS контролируете нажатия и пр.
Denisneedyourhelp, так и есть. Он будет исключен из т. н. «потока документа». Только элемент при этом может улететь в дальние-дальние края, если у него не будет родительского якоря или если якорь будет гораздо выше по коду.
