#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无效了
那你看看你写个结构是否正确?