问答详情
源自:2-7 导航页背影动画制作(animation制作动画)

只有页面刚载入有效果!

#st-control-1:checked ~ .st-scroll #st-panel-1 h2,
#st-control-2:checked ~ .st-scroll #st-panel-2 h2,
#st-control-3:checked ~ .st-scroll #st-panel-3 h2,
#st-control-4:checked ~ .st-scroll #st-panel-4 h2,
#st-control-5:checked ~ .st-scroll #st-panel-5 h2{
  -webkit-animation:moveDown 0.6s ease-in-out backwards;
}

@-webkit-keyframes moveDown{
  0%{
     -webkit-transform:translateY(-40px);
     opacity: 0;
  }
  100%{
    -webkit-transform:translateY(0px);
    opacity: 1;
  }
}

这是我的css代码· ,我只有页面刚载入的时候有效果,无论选择那个input都没有效果了,等于是初始化的时候animation有效,不过再出发别的选择器的时候,animation无效了

提问者:葡萄3 2017-05-07 10:08

个回答

  • 食梦者3711585
    2017-05-08 13:31:36

    那你看看你写个结构是否正确?