[css3 ] animation 和 transition 动画的一些细节

February 07, 2018
animation
1、 display不能触发动画效果, 原因待补充  
2、 animation, widht,height等属性从auto到某个值时,没有过渡效果。  

transition 和 DOMContentLoaded

  事件发生时,样式表没有执行完,这个时候transition无效
1、第一种解决方案, window.onload 和 setTimeout(fn, 0);  
2、 dom.getBoundingClientRect() 来触发计算,达到使transition高度变化生效的目的  
3、 还可以通过window.getComputedStyle().getPropertyValue('height')的方式来触发。