Есть ли альтернатива background-attachment, только не для фона, а для тега img

Question

Есть ли альтернатива background-attachment, только не для фона, а для тега img

Рейтинг: 0Ответов: 1Опубликовано: 23.07.2023

Нужно повторить эффект background-attachment: fixed; но не для фона блока, а для тега img

css html

Источник: Stack Overflow на русском

Answer 1

▲ 0

Такого эффекта можно добиться так:

body {
  height: 1000px;
}

.box {
  position: relative;
  height: 200px;
  margin: 50px 10px;
  clip-path: inset(0);
}

.img {
  object-fit: cover;
  position: fixed;
  top: 0;
  width: 100%;
  height: 100%;
}

<div class="box">
  <img class="img" src="https://sun9-78.userapi.com/impg/hrpxPVMrMOG8G2efwxjzgR0b53iQrN49EmcBvA/ENN78xsetq0.jpg?size=789x789&quality=96&sign=f5c1471634e14e9d46e1a542ce81e58e&type=album">
</div>

Есть ли альтернатива background-attachment, только не для фона, а для тега img

Ответы