为什么-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

这里使用的谷歌浏览器哈