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;
}
}
写多了#st-scrol
css3实现网页平滑过渡效果
54371 学习 · 372 问题
相似问题