webkit-animation:fadeInLeft

webkit-animation:fadeInLeft是一个CSS动画效果，它可以通过Webkit浏览器引擎实现元素从左侧淡入的动画效果。当应用于一个元素时，该元素会从左侧逐渐显示，呈现淡入的效果。这个动画效果可以通过以下CSS代码实现：

@-webkit-keyframes fadeInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

.element {
  -webkit-animation: fadeInLeft 1s ease-in-out;
  animation: fadeInLeft 1s ease-in-out;
}

在上述代码中，@-webkit-keyframes定义了一个名为fadeInLeft的关键帧动画，该动画从透明度为0和水平位移为-100%开始，到透明度为1和水平位移为0结束。然后，通过将animation属性应用于一个元素，指定动画名称、持续时间和过渡效果，即可实现该动画效果。