要使用CSS制作无限滚动页面效果，您需要使用CSS动画和@keyframes规则。关键词有：CSS动画、@keyframes规则、animation-iteration-count属性、transform属性、translate3d()函数。
下面是一个简单的CSS代码示例，展示如何使用CSS制作无限滚动页面效果：
.container {
width: 100%;
overflow-x: scroll;
white-space: nowrap;
animation: scroll 10s linear infinite;
}
@keyframes scroll {
0% {
transform: translate3d(0, 0, 0);
}
100% {
transform: translate3d(-100%, 0, 0);
}
}在这个示例中，我们首先创建了一个包含要滚动内容的容器，使用overflow-x: scroll属性来设置水平滚动。我们还使用white-space: nowrap属性来防止内容换行。
然后，我们使用animation属性来将CSS动画应用于容器。我们定义了一个名为scroll的关键帧动画，它将页面从左到右平移，直到超出容器的左侧边界，然后重新开始。我们使用animation-iteration-count: infinite属性来无限循环动画。
最后，我们使用transform属性和translate3d()函数来定义动画的平移效果。我们使用translate3d(-100%, 0, 0)来将页面平移到容器的左侧边界，使用translate3d(0, 0, 0)将页面平移到容器的初始位置。
请注意，如果您的页面内容非常大，可能会导致性能问题，因为浏览器需要不断地加载和卸载内容。为了避免这种情况，您可以使用JavaScript来动态加载内容。