CSS3的transition动画效果在动态添加节点的时候无法实现的问题_html/css_WEB-ITnose

我用css3的transition实现动画效果，在单页面下是完全没有问题的，问题在于我做一个手机翻页的效果，当将要翻到这一页的时候我把这个页面的内容清空，只留下背景图，同时把透明度调低，然后当这个页面呈现出来，再动态添加节点，这个时候transition的效果没有出现，直接出来的是变换以后的效果，贴上测试代码

animation是可以实现的 transition出不来效果

回复讨论(解决方案)

用animation替代transition也不行啊 我需要transition的一个效果 然后再调用animation让他持续播放动画

解决结贴
写两个animation 然后用setTimeOut定时切换
完毕