在线观看不卡亚洲电影_亚洲妓女99综合网_91青青青亚洲娱乐在线观看_日韩无码高清综合久久

鍍金池/ 問(wèn)答/HTML/ transition樣式不生效

transition樣式不生效

transition過(guò)度時(shí)間不生效是什么原因呢

圖片描述

圖片描述

回答
編輯回答
墨沫

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

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