Компонент для увеличения изображения при наведении

Наведите курсор мыши на Изображение

Самая первая фотография Уровня 0.

Данный компонент позволяет увеличивать изображение в несколько раз, чтобы подробнее рассмотреть мелкие незаметные детали.

Для того, чтобы вставить этот компонент в страницу, просто скопируйте код ниже и вставьте в нужную страницу. Все блоки изображений на странице автоматически преобразуются, вам с вашей стороны ничего делать не требуется.

[[include :ru-backrooms-wiki:component:hinc параметр|другой-параметр]]

Доступные параметры:

caption-slide=a — при наведении на изображение описание заезжает под блок с картинкой.

.scp-image-block { margin-bottom: 4rem !important; }
.scp-image-block > img { z-index: 2; position: relative; }
.scp-image-block.block-right > .scp-image-caption {
  position: absolute;
  min-width: 300px;
  transition: transform .2s var(--transition);
  transition-delay: 1s;
}
.scp-image-block:has(img:hover) > .scp-image-caption {
  transform: translateY(-5em);
  transition: transform .75s var(--transition);
}
@media only screen and (max-width:499px;) {
  .scp-image-block.block-right > .scp-image-caption {
    min-width: 150px;
  }
}