                        课程
                    
                        /前端开发
                        
                            /CSS3
                        
                        /css3实现网页平滑过渡效果

只有页面刚载入有效果！

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