Как сделать приближение картинки автоматически?

Question

Как можно сделать так, чтобы картинка сама приближалась и отдалялась автоматически?

.img {
  display: block;
  width: 100%;
  height: auto;
}

<img src="https://www.tapeciarnia.pl/tapety/normalne/tapeta-miejscowosc-santa-maddalena-w-polnocnych-wloszech.jpg" class="img" />

Answer 1

* {
  margin: 0;
  padding: 0;
  backface-visibility: hidden;
  overflow: hidden;
}

.img {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100vh;
}

.zoom {
  animation: zoom 25s linear infinite;
}

@keyframes zoom {
  50% {
    transform: scale(2.5);
  }
}

<img src="https://www.tapeciarnia.pl/tapety/normalne/tapeta-miejscowosc-santa-maddalena-w-polnocnych-wloszech.jpg" class="img zoom" />

БЛОГ НА HUSL

Как сделать приближение картинки автоматически?

Ответы (1 шт):