/* ----------------------------------------------
 * Generated by Animista on 2023-12-8 17:46:25
 * Licensed under FreeBSD License.
 * See http://animista.net/license for more info. 
 * w: http://animista.net, t: @cssanimista
 * ---------------------------------------------- */

@-webkit-keyframes slide-left {
  0% {
    -webkit-transform: translateX(300rpx);
    transform: translateX(300rpx);
  }
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}
@keyframes slide-left {
  0% {
    -webkit-transform: translateX(300rpx);
    transform: translateX(300rpx);
  }
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

/* 左侧滑入动画 */
.slide-left {
  -webkit-animation: slide-left 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
  animation: slide-left 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
}

.text-animation {
  transition: opacity 1s ease-in-out; /* 设置过渡时间为1秒，并且采用ease-in-out曲线 */
}

.text-animation.fadeIn {
  opacity: 1; /* 初始状态不透明度为1（完全显示）*/
}

.text-animation.fadeOut {
  opacity: 0; /* 结束状态不透明度为0（完全消失）*/
}
