css左侧入场、出场动画

您可以使用CSS的 `animation` 属性来实现左侧入场、出场动画。以下是一个简单的例子：

/* 元素进入动画 */
@keyframes slide-in-from-left {
  from {
    transform: translateX(-100%);
  }
  to {
    transform: translateX(0);
  }
}

/* 元素出场动画 */
@keyframes slide-out-to-left {
  from {
    transform: translateX(0);
  }
  to {
    transform: translateX(-100%);
  }
}

/* 给元素添加动画 */
.animated {
  animation-duration: 1s;
  animation-fill-mode: both;
}

/* 元素进入动画类 */
.slide-in {
  animation-name: slide-in-from-left;
}

/* 元素出场动画类 */
.slide-out {
  animation-name: slide-out-to-left;
}

然后，您可以使用 `slide-in` 类来触发元素的进入动画，使用 `slide-out` 类来触发元素的出场动画。

例如，如果您想让一个 `div` 元素从左侧进入页面，可以这样写：

<div class="animated slide-in">Hello World!</div>

如果您想让该元素从左侧出场，则可以这样写：

<div class="animated slide-out">Goodbye World!</div>

当然，您可以根据自己的需求来调整动画的细节和样式。