动画效果只有第一页才出现了

来源:2-7 导航页背影动画制作(animation制作动画)

kk1012

2016-04-30 14:43

#stControl1:checked~.stScroll #stPanel1 h2,

#stControl1:checked~.stScroll #stPanel2 h2,

#stControl1:checked~.stScroll #stPanel3 h2,

#stControl1:checked~.stScroll #stPanel4 h2,

#stControl1:checked~.stScroll #stPanel5 h2{

-webkit-animation:moveDo 1s ease-in-out 0.5s backwards;

    -moz-animation:moveDo 1s ease-in-out 0.5s backwards;

    -ms-animation:moveDo 1s ease-in-out 0.5s backwards;

    -o-animation:moveDo 1s ease-in-out 0.5s backwards;

    animation:moveDo 1s ease-in-out 0.5s backwards;

 

}


@-webkit-keyframes moveDo{

    0%{

        -webkit-transform: translateY(-40px);

        opacity:0 ;

    }

    100%{

        -webkit-transform:translateY(0px);

        opacity:1 ;

    }

   }



写回答 关注

1回答

  • kk1012
    2016-04-30 15:08:15

    前面的1234...

css3实现网页平滑过渡效果

CSS3 打造页面之间的平滑过渡效果,带来神奇的体验

54371 学习 · 372 问题

查看课程

相似问题