Live2d Test Env

css动画

几年前与一个同事共同开发一个项目,当时只知道css3但是并没有实际用过,看了她写的页面着实给了我一个很大的震撼,今天因故翻到了她写的代码,现在来看,感慨万千

//这是一个dom
    & > .left {
    animation: 0.4s ease enter_from_left;
    }
//这是另一个dom
  & > .right {
    animation: 0.4s ease 0.4s enter_from_right;    
  }
      
    @keyframes enter_from_left {
    from {
      transform: translateX(-260px);
    }
    to {
      transform: translateX(0%);
    }
  }
  @keyframes enter_from_right {
    from {
      transform: translateX(400px);
    }
    to {
      transform: translateX(0%);
    }
  }
  

效果是初始化后分别从两边进来,做个纪念
灰常感谢我滴王乐小师傅
以上

posted @ 2024-10-18 16:35  致爱丽丝  阅读(8)  评论(0编辑  收藏  举报