transition樣式不生效

transition需要觸發(fā)時(shí)機(jī)，比如一個(gè)div你想要他transition，可以通過點(diǎn)擊這個(gè)div，然后給這個(gè)div的css屬性里面增加一個(gè)transform: translateY(1000rpx)，這樣div就會(huì)在你點(diǎn)擊之后從原始位置運(yùn)動(dòng)到1000rpx,總結(jié)起來就是需要某個(gè)觸發(fā)時(shí)機(jī)，如果你想不通過任何觸發(fā)事件去實(shí)現(xiàn)你想要的translateY(1000rpx)的效果，可以使用動(dòng)畫。

      animation: animate 0.4s ease-out;
      然后指明這個(gè)動(dòng)畫：
      @keyframes animate {
      from {
        transform: translateX(0px);
      }
      to {
        transform: translateX(500px);
      }
    }