好得很程序员自学网

<tfoot draggable='sEl'></tfoot>

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

我用css3的transition实现动画效果,在单页面下是完全没有问题的,问题在于我做一个手机翻页的效果,当将要翻到这一页的时候我把这个页面的内容清空,只留下背景图,同时把透明度调低,然后当这个页面呈现出来,再动态添加节点,这个时候transition的效果没有出现,直接出来的是变换以后的效果,贴上测试代码
                         .section {            text-align: center;            font: 50px "Microsoft Yahei";            background-color:#D4D4D4;        }        #wrapper {            background: url("images/bg_page_1.jpg");            height: 969px;            width: 640px;            margin: 0 auto;            text-align: center;            overflow: hidden;        }        #img4 {            transform: scale(0, 0);            transition: 1s;        }                              $().ready(function(){            $('#dowebok').fullpage({                sectionsColor: ['#4BBFC3', '#D4D4D4', '#7BAABE', '#f90'],css3:true,                afterLoad: function(anchorLink, index){                    if(index == 2){                        var $c4 = $('

查看更多关于CSS3的transition动画效果在动态添加节点的时候无法实现的问题_html/css_WEB-的详细内容...

  阅读:23次