防止平移动画保持视图的原始位置

是通过使用CSS的transform属性来实现的。transform属性可以应用于HTML元素，用于对元素进行旋转、缩放、平移或倾斜等变换操作。

具体来说，要防止平移动画保持视图的原始位置，可以使用以下步骤：

1. 创建一个HTML元素，例如一个div元素，作为需要应用平移动画的目标元素。
2. 使用CSS的transform属性来定义平移动画。可以使用translateX()或translateY()函数来指定元素在水平或垂直方向上的平移距离。例如，使用translateX(100px)将元素向右平移100像素。
3. 在CSS中定义动画效果。可以使用@keyframes规则来定义动画的关键帧，指定元素在不同时间点上的样式。例如，可以在0%和100%的关键帧上分别定义元素的初始位置和平移后的位置。
4. 将动画效果应用于目标元素。可以使用animation属性来指定动画的名称、持续时间、延迟时间和重复次数等参数。例如，使用animation: slide 2s ease-in-out 0s infinite;将名为slide的动画应用于目标元素，持续时间为2秒，使用ease-in-out缓动函数，无延迟，无限重复。

下面是一个示例代码：

HTML:

<div class="box"></div>

CSS:

.box {
  width: 100px;
  height: 100px;
  background-color: red;
  animation: slide 2s ease-in-out 0s infinite;
}

@keyframes slide {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(100px);
  }
}

在这个示例中，我们创建了一个宽高为100像素的红色方块，并将名为slide的动画应用于它。动画将使方块在2秒内从初始位置向右平移100像素，然后返回到初始位置，以此循环无限次。

推荐的腾讯云相关产品和产品介绍链接地址：

• 腾讯云CSS：https://cloud.tencent.com/product/css
• 腾讯云CDN：https://cloud.tencent.com/product/cdn
• 腾讯云云服务器：https://cloud.tencent.com/product/cvm
• 腾讯云云数据库MySQL版：https://cloud.tencent.com/product/cdb_mysql
• 腾讯云云原生容器服务：https://cloud.tencent.com/product/tke
• 腾讯云云安全中心：https://cloud.tencent.com/product/ssc
• 腾讯云云点播：https://cloud.tencent.com/product/vod
• 腾讯云人工智能：https://cloud.tencent.com/product/ai
• 腾讯云物联网套件：https://cloud.tencent.com/product/iot-suite
• 腾讯云移动推送：https://cloud.tencent.com/product/umeng
• 腾讯云对象存储：https://cloud.tencent.com/product/cos
• 腾讯云区块链服务：https://cloud.tencent.com/product/tbaas
• 腾讯云虚拟私有云：https://cloud.tencent.com/product/vpc
• 腾讯云内容分发网络：https://cloud.tencent.com/product/cdn