.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-的详细内容...
声明:本文来自网络,不代表【好得很程序员自学网】立场,转载请注明出处:http://www.haodehen.cn/did109316
CSS3的transition动画效果在动态添加节点的时候无法实现的问题_html/css_WEB-
我用css3的transition实现动画效果,在单页面下是完全没有问题的,问题在于我做一个手机翻页的效果,当将要翻到这一页的时候我把这个页面的内容清空,只留下背景图,同时把透明度调低,然后当这个页面呈现出来,再动态添加节点,这个时候transition的效果没有出现,直接出来的是变换以后的效果,贴上测试代码
阅读:23次