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