Комментарий #13235201
Ответы
Во-вторых, ссылка на картинку должна быть "прямой ссылкой на картинку". Тоесть, не на галерею. Если хочешь чтобы они менялись, юзай
@keyframes анимации.Рабочий код с одной картинкой с твоей галереи:
спойлер
.p-profiles-show .b-feedback:after {
content: ""; /* "так надо" */
display: inline-block; /* не обязательно именно так, но "так надо" */
position: fixed; /* именно это свойство и его значение fixed и делает, чтобы изображение "прокручивалось" */
width: 300px; /* ширина изображения */
height: 300px; /* высота изображения */
right: 1px; /* отступ справа, 0px значит, что отступа от правой границы нет*/
bottom: 0px; /* отступ снизу, 0px значит, что отступа от нижней границы нет*/
background: url("https://i.imgur.com/dFpkI42_d.webp?maxwidth=760&fidelity=grand") no-repeat;
background-size: cover; /* размер изображения будет подгоняться так,чтобы занять всё пространство, которое задают width и height */
z-index: 10; /* изображение становится выше всех по z координате,тем самым всё остальное находится под ним*/
pointer-events: none; /* мышь перестаёт замечать изображение */
}
Твой комментарий
{ content: ""; /* "так надо" */ }
{ display: inline-block; /* не обязательно именно так, но "так надо" */ }
{ position: fixed; /* именно это свойство и его значение fixed и делает, чтобы изображение "прокручивалось" */ }
{ width: 300px; /* ширина изображения */ }
{ height: 300px; /* высота изображения */ }
{ right: 1px; /* отступ справа, 0px значит, что отступа от правой границы нет*/ }
{ bottom: 0px; /* отступ снизу, 0px значит, что отступа от нижней границы нет*/ }
{ background: url("https://imgur.com/gallery/QwdOHnT#dFpkI42") no-repeat; }
{ background-size: cover; /* размер изображения будет подгоняться так,чтобы занять всё пространство, которое задают width и height */ }
{ z-index: 10; /* изображение становится выше всех по z координате,тем самым всё остальное находится под ним*/ }
{ pointer-events: none; /* мышь перестаёт замечать изображение */ }
}
@Dedonych,@_Just_Monika_95_