只有页面刚载入有效果!

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

葡萄3

2017-05-07 10:08

#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无效了

写回答 关注

1回答

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

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

css3实现网页平滑过渡效果

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

54371 学习 · 372 问题

查看课程

相似问题