-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) }
}
遠近互聯(lián)前端小華整理發(fā)布,希望能對學習技術(shù)的你有所幫助
遠近互聯(lián)專業(yè)提供網(wǎng)站建設、APP開發(fā)、網(wǎng)站優(yōu)化、外貿(mào)網(wǎng)站SEO、微信運營的品牌整合營銷服務讓客戶通過網(wǎng)絡品牌建立與網(wǎng)絡傳播提高業(yè)績。






