Javascript 自动图像缩放，方便快捷

有人能告诉我如何在这一页上做这样的事情吗：

我想在这个网站上做一个自动缩放我的图像没有悬停或点击。一个无限的轻松缩小功能

我使用这个类，但我不知道如何激活它

    .zoom.visible > img {
  -webkit-animation-duration: 30s;
  animation-duration: 30s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-name: move;
  animation-name: move;
  animation-direction: alternate;
  -moz-animation-direction: alternate;
  -webkit-animation-direction: alternate;
  -o-animation-direction: alternate;
  -ms-transform-origin: middle center;
  transform-origin: middle center;
  -webkit-transform-origin: middle center;
  -o-transform-origin: middle center;
  -moz-transform-origin: middle center;
}

---

不幸的是，我不知道在谷歌上搜索什么，我希望有人能帮我找到正确的方向，或者给我一个代码示例。

从网站上复制必要的部分，这就是你需要的

CSS:

它适用于具有以下相同HTML结构的图像：

<div class="zoom visible imagen1" style="opacity: 1; margin-top: 0px; height: 678px;">
    <img src="http://placehold.it/800x600" alt="" />
</div>

---

演示：

该页面上有哪些图像？！如果您不想确认某个事件，例如

单击

或

悬停

，您希望如何触发缩放？魔术例如，此页上的第一个图像。。这张图片在哪一页上轻微移动？！我在你的例子中看到的图像是一个戴帽子的女人。已经是全屏了？！正是这张图片，如果你仔细看了一会儿，你会发现这张图片有点放大了，谢谢你。。这就是我需要的

<div class="zoom visible imagen1" style="opacity: 1; margin-top: 0px; height: 678px;">
    <img src="http://placehold.it/800x600" alt="" />
</div>