h2不行啊

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

qq_苏冠华_0

2018-03-17 19:16

 #st-control-1:checked ~.st-scroll #st-scroll #st-panel-1 h2,

 #st-control-2:checked ~.st-scroll #st-scroll #st-panel-2 h2,

 #st-control-3:checked ~.st-scroll #st-scroll #st-panel-3 h2,

 #st-control-4:checked ~.st-scroll #st-scroll #st-panel-4 h2,

 #st-control-5:checked ~.st-scroll #st-scroll #st-panel-5 h2{

-webkit-animation:moveDown 2s ease-in-out 0.5s backwards;

-moz-animation:moveDown 2s ease-in-out 0.5s backwards;

-o-animation:moveDown 2s ease-in-out 0.5s backwards;

-ms-animation:moveDown 2s ease-in-out 0.5s backwards;

animation:moveDown 2s ease-in-out 0.5s backwards;/*backwards动画播放之前处于开始状态*/

 } 


@-webkit-keyframes moveDown{

0%{

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

opacity:0;

}

100%{

-webkit-transform:translateY(0px);opacity:1;

}

}


写回答 关注

1回答

  • qq_苏冠华_0
    2018-03-17 19:32:05

    写多了#st-scrol

css3实现网页平滑过渡效果

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

54371 学习 · 372 问题

查看课程

相似问题