*{ margin: 0px; padding: 0px; } body,html{ margin: 0px; padding: 0px; } .BG_img{ width: 1920px; height: 1080px; position: fixed; top: 0px; left: 0px; } #blueImg{ position: fixed; bottom: 310px; right: 650px; z-index: 2; animation: shanblueImg 1s infinite ease-in-out; } #blueImg2{ position: fixed; bottom: 310px; right: 650px; z-index: 2; display: none; } @keyframes shanblueImg{ 0% { opacity:1; } 50% { opacity:0; } 100% { opacity:1; } } #zindex-1,#zindex-2{ width: 425px; height: 1080px; position: fixed; top: 0px; left: 0px; z-index: 2; animation: myfirst1 1s; animation-fill-mode:forwards; display: none; } @keyframes myfirst1{ 0% {width: 425px;height: 1080px;top: 0px;left: -425px;} 100% {width: 425px;height: 1080px;top: 0px;left: 0px;} } #zindex-1-1{ position: fixed; top: 120px; left: 425px; animation: myfirst2 1s; animation-fill-mode:forwards; display: none; } @keyframes myfirst2{ 0% {left: 0px;} 100% {left:425px;} } @keyframes myfirst3{ 0% {left:425px;} 100% {left:0px;opacity: 0; } } @keyframes myfirst4{ 0% {left:0px;} 100% {left:-425px;opacity: 0; } } #car1{ position: fixed; animation: myfirst5 15s; animation-fill-mode:forwards; display: none; } #car2{ position: fixed; bottom: 250px;left: 1440px;background-image: url(../image/AGV调度系统图片/AGV1.png) } @keyframes myfirst5{ 0% {width: 142px;height: 135px;bottom: 50px;left: 0px;background-image: url(../image/AGV调度系统图片/AGV3.png);} 35% {width: 142px;height: 135px;bottom: 765px;left: 1176px;background-image: url(../image/AGV调度系统图片/AGV3.png);} 36% {width: 142px;height: 154px;bottom: 765px;left: 1176px;background-image: url(../image/AGV调度系统图片/AGV.png);} 40% {width: 142px;height: 154px;bottom: 413px;left: 1740px;background-image: url(../image/AGV调度系统图片/AGV.png);} 41% {width: 142px;height: 154px;bottom: 413px;left: 1740px;background-image: url(../image/AGV调度系统图片/AGV1.png);} 70% {width: 142px;height: 154px;bottom: 250px;left: 1440px;background-image: url(../image/AGV调度系统图片/AGV1.png);} 91% {width: 142px;height: 104px;bottom: 240px;left: 1440px;background-image: url(../image/AGV调度系统图片/矢量智能对象.png);} 100% {width: 142px;height: 104px;bottom: -140px;left: 840px;background-image: url(../image/AGV调度系统图片/矢量智能对象.png);} } #people{ position: fixed; animation: myfirst6 3s; animation-fill-mode:forwards; display: none; } @keyframes myfirst6{ 0% {bottom: -167px;left: 1547px;} 100% {bottom: 189px;left: 1547px;} } #qrcard{ position: fixed; bottom: 450px; left: 1300px; display: none; } #liao{ position: fixed; bottom: 300px; left: 1400px; display: none; }