2017年3月16日 星期四

(css)transition 一個很重要的問題

div {
  transition-property: opacity, left, top, height;
  transition-duration: 3s, 5s;
}

結果:

div {
  transition-property: opacity, left, top, height;
  transition-duration: 3s, 5s, 3s, 5s;
}

//////////////////////////////////////////////////////////
div {
  transition-property: opacity, all, top, height;
  transition-duration: 3s, 5s;
}


結果:

div {
  transition-property: opacity, all, top, height;
  transition-duration: 5s, 5s, 3s, 5s;
}

//////////////////////////////////////////////////////////

div {
  transition-property: opacity, left, all, height;
  transition-duration: 3s, 5s;
}

結果:
div {
  transition-property: opacity, left, all, height;
  transition-duration: 3s, 3s 3s, 5s;
}