CSS/onマウスでスクロール

.boxs {
  margin-top: 30px;
  height: 300px;
  overflow: hidden;
  position: relative;
  cursor: crosshair;
}
 
.wrap {
  overflow: hidden;
  position: absolute;
  width: 100%;
}
 
.detail {
  transition: all 3s;
}
.detail img {
  width: 100%;
  margin: 0;
}
.detail:hover {
  margin-top: -2500px;
  transition: all 10s;
  -webkit-transition: all 15s;
}