如何用js实现图片逐渐拉远的效果

本人还不懂写js，本想上网搜索下载过来改的，但发现还是不会改，效果类似这样lifestore.nero-hair.jp（网址）

然而这个网站是用CSS实现的

初始状态 (图片未展示)
.container .wrapper .content.top main .vi ul li .img
{
-webkit-transform: scale(1.1);
-ms-transform: scale(1.1);
transform: scale(1.1);
-webkit-transition: -webkit-transform 0s linear 0s;
transition: transform 0s linear 0s;
}
图片展示时
.container .wrapper .content.top main .vi ul li.current .img
{
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
-webkit-transition: -webkit-transform 11s linear 0s;
transition: transform 11s linear 0s;
}

可以看出就是通过transition过渡完成了transform的scale变换

期待看到有用的回答！