要实现页面右起滚动,可以使用CSS的transform属性和animation属性来实现。

首先,创建一个包含要滚动内容的DIV元素,然后将其样式设置为溢出隐藏,并设置宽度为内容的宽度。例如:

```css
 .container {
   overflow: hidden;
   width: 100%;
 }
 ```

接下来,创建一个新的DIV元素,用于包含要滚动的内容,并设置其样式为行内块元素,该元素的宽度应大于容器的宽度。例如:

```css
 .content {
   display: inline-block;
   white-space: nowrap;
   width: 200%;
 }
 ```

然后,将要滚动的内容放在该DIV元素中。

接下来,使用keyframes创建一个动画,让内容向左移动,并设置animation属性来应用该动画。例如:

```css
 @keyframes scroll {
   0% {
     transform: translateX(0);
   }
   100% {
     transform: translateX(-100%);
   }
 }.content {
   animation: scroll 10s linear infinite;
 }
 ```

在上面的示例中,内容将在10秒钟内向左移动100%的距离,然后无限循环。

最后,将包含滚动内容的DIV元素放在页面中的适当位置。例如:

```html
 <div class="container">
   <div class="content">
     <!-- 滚动内容 -->
   </div>
 </div>
 ```

以上就是使用CSS实现页面右起滚动的基本步骤。根据需要可以调整动画的速度、方向和滚动的距离等。