CSS是一门用来控制网页样式的语言，我们可以利用CSS来实现各种效果，比如图片垂直滚动。下面就介绍一下实现图片垂直滚动的CSS代码。

/* 首先，我们需要指定一个容器来包含要滚动的图片 */
.scroll-box {
height: 300px; /* 容器的高度，可以根据需要调整 */
overflow: hidden; /* 隐藏超出容器范围的内容 */
}
/* 接着，我们需要将图片垂直方向上排列，但是要注意不能让它们相互重叠 */
.scroll-box >img {
display: block; /* 将图片修改为块级元素 */
margin: 0 auto; /* 让图片水平居中 */
}
/* 最后，我们可以利用CSS的动画效果实现图片滚动 */
@keyframes scroll {
0% { transform: translateY(0); } /* 初始位置为0 */
100% { transform: translateY(-100%); } /* 滚动到顶部位置 */
}
/* 将动画绑定到容器中的第一个图片上 */
.scroll-box >img:first-child {
animation: scroll 5s linear infinite; /* 持续时间和动画方式可以根据需要调整 */
}

通过使用上述代码，我们可以实现图片在垂直方向上的滚动效果。如果需要添加更多的图片，只需要将它们添加到容器里即可。