?/* h2的動(dòng)畫制作*/
??????????? #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{
??????????????? /*transition? 需要事件觸發(fā)*/
??????????????? /*animation? 不需要事件觸發(fā)*/
??????????????? -webkit-animation:moveDown 0.6s ease-in-out 0.2s backwards;
??????????????? -moz-animation:moveDown 0.6s ease-in-out 0.2s backwards;
??????????????? -ms-animation:moveDown 0.6s ease-in-out 0.2s backwards;
??????????????? -o-animation:moveDown 0.6s ease-in-out 0.2s backwards;
??????????????? animation:moveDown 0.6s ease-in-out 0.2 backwards;
??????????? }
??????????? @-webkit-keyframes moveDown{
??????????????? 0%{
??????????????????? -webkit-transform:translateY(-40px);
??????????????????? opacity: 0;
??????????????? }
??????????????? 100%{
??????????????????? -webkit-transform:translateY(0px);
??????????????????? opacity: 1;
??????????????? }
??????????? }
??????????? @-moz-keyframes moveDown{
??????????????? 0%{
??????????????????? -webkit-transform:translateY(-40px);
??????????????????? opacity: 0;
??????????????? }
??????????????? 100%{
??????????????????? -webkit-transform:translateY(0px);
??????????????????? opacity: 1;
??????????????? }
??????????? }
??????????? @-o-keyframes moveDown{
??????????????? 0%{
??????????????????? -webkit-transform:translateY(-40px);
??????????????????? opacity: 0;
??????????????? }
??????????????? 100%{
??????????????????? -webkit-transform:translateY(0px);
??????????????????? opacity: 1;
??????????????? }
??????????? }
??????????? @-ms-keyframes moveDown{
??????????????? 0%{
??????????????????? -webkit-transform:translateY(-40px);
??????????????????? opacity: 0;
??????????????? }
??????????????? 100%{
??????????????????? -webkit-transform:translateY(0px);
??????????????????? opacity: 1;
??????????????? }
??????????? }
??????????? @keyframes moveDown{
??????????????? 0%{
??????????????????? -webkit-transform:translateY(-40px);
??????????????????? opacity: 0;
??????????????? }
??????????????? 100%{
??????????????????? -webkit-transform:translateY(0px);
??????????????????? opacity: 1;
??????????????? }
??????????? }

哪里有誤？ Moz沒h2 p標(biāo)簽的碰撞效果啊??????? - -|