当元素本身为display:none
时,若此时我们想通过js先将其变为display:block
并且随后再触发其他想要的transition过渡效果,需要在 js改变其为display:block
后用setTimeout延迟100ms左右的时间再去设置其他过渡动画,否则该过渡动画不会触发。 另外,如样式写在html代码中,用js设置className 是没有动画效果的。
JS transition
一个使用transition实现的鼠标悬停淡阴淡出的效果。十分不错,可以参考参考
Document