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