-webkit-animation: move1 2s 0.8s forwards; animation: move1 2s 0.8s forwards 

-webkit-animation: move1 2s 0.8s forwards; animation: move1 2s 0.8s forwards 

-webkit-animation: move1 2s 0.8s forwards; animation: move1 2s 0.8s forwards 

@-webkit-keyframes move1 {

             0%{ -webkit-transform: translate(330px,-1000px); transform: translate(330px,-1000px) }

             20%{ -webkit-transform: translate(330px,0); transform: translate(330px,0) }

             40%{ -webkit-transform: translate(330px,-50px); transform: translate(330px,-50px) }

             60%{ -webkit-transform: translate(330px,0px); transform: translate(330px,0px) }

             100%{ -webkit-transform: translate(0,0); transform: translate(0,0) }

         }

@-webkit-keyframes move2 {

            0%{ -webkit-transform: translate(0,-1000px); transform: translate(0,-1000px) }

            20%{ -webkit-transform: translate(0,0); transform: translate(0,0) }

            40%{ -webkit-transform: translate(0,-50px); transform: translate(0,-50px) }

            60%{ -webkit-transform: translate(0,0px); transform: translate(0,0px) }

            100%{ -webkit-transform: translate(0,0) ; transform: translate(0,0)}

        }

@-webkit-keyframes move3 {

            0%{ -webkit-transform: translate(-330px,-1000px); transform: translate(-330px,-1000px) }

            20%{ -webkit-transform: translate(-330px,0); transform: translate(-330px,0) }

            40%{ -webkit-transform: translate(-330px,-50px); transform: translate(-330px,-50px) }

            60%{ -webkit-transform: translate(-330px,0px); transform: translate(-330px,0px) }

            100%{ -webkit-transform: translate(0,0); transform: translate(0,0) }

        }

@keyframes move1 {

            0%{ transform: translate(330px,-1000px) }

            20%{ transform: translate(330px,0) }

            40%{ transform: translate(330px,-50px) }

            60%{ transform: translate(330px,0px) }

            100%{ transform: translate(0,0) }

        }

@keyframes move2 {

            0%{ transform: translate(0,-1000px) }

            20%{ transform: translate(0,0) }

            40%{ transform: translate(0,-50px) }

            60%{ transform: translate(0,0px) }

            100%{ transform: translate(0,0) }

        }

@keyframes move3 {

            0%{ transform: translate(-330px,-1000px) }

            20%{ transform: translate(-330px,0) }

            40%{ transform: translate(-330px,-50px) }

            60%{ transform: translate(-330px,0px) }

            100%{ transform: translate(0,0) }

        }

远近互联前端小华整理发布，希望能对学习技术的你有所帮助

远近互联专业提供网站建设、APP开发、网站优化、外贸网站SEO、微信运营的品牌整合营销服务让客户通过网络品牌建立与网络传播提高业绩。