求帮忙看一下，为什么文字没有动画效果啊？

.slider .main .main-i{

                opacity: 0;

                position: absolute;

                right: 50%;

                top: 0;

                -webkit-transition:all .5s;

            }

            .slider .mian .main-i h2{

                margin-right: 45px; 

            }

            .slider .mian .main-i h3{

                margin-right: -45px; 

            }

            .slider .mian .main-i h2,

            .slider .mian .main-i h3{

                -webkit-transition:all .8s 1s;

            }

            .slider .main .main-i_active{

                right: 0;

                opacity: 1;

            }

            .slider .main .main-i_active h2,

            .slider .main .main-i_active h3{

                margin-right: 0px; 

            }