-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、微信運營的品牌整合營銷服務讓客戶通過網絡品牌建立與網絡傳播提高業績。
