为什么过渡属性没有添加到图像中？

Question

当我点击right to left和next button点击left to right按钮时，我试图从previous下载我的下一张图片 这是我的代码 为什么没有在图像中添加过渡属性？

我尝试向transition，div，＆＃39; img＆＃39;但它们都不起作用

li

点击按钮，我就这样做了。

.imageSlider ul li{
  display:inline-block;
  width :325px;
  transition: all 1s ease;
   transition: width 2s;
}

.imageSlider ul li img{
    transition: all 1s ease;
   transition: width 2s;
}

.imageSlider {
  width :325px;
  overflow:hidden
  transition: width 2s;
   position:relative;
}

任何更新 这是我的代码 https://codesandbox.io/s/g5wl3vBRl