为什么-webkit-animation写了没效果啊

Question

#radio1:checked ~ .st-scroll #st-panel1 h1,
#radio2:checked ~ .st-scroll #st-panel2 h1,
#radio3:checked ~ .st-scroll #st-panel3 h1,
#radio4:checked ~ .st-scroll #st-panel4 h1,
#radio5:checked ~ .st-scroll #st-panel5 h1{
    -webkit-animation:moveDown 1.0s 1 ease-in-out;/*开始状态*/
}

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

Answer 1

这里使用的谷歌浏览器哈