* { margin:0; padding:0; font-family:"Microsoft YaHei","Lucida Sans Unicode","Myriad Pro","Hiragino Sans GB","Heiti SC" } .grayPage { background-color:#f5f5f5; } /*波浪线效果 start*/ .editorial { display:block; width:100%; min-width:1200px; height:480px; } .parallax>use { animation:move-forever 12s linear infinite; /*transform-origin:50% 50%; */ } .parallax>use:nth-child(1) { animation-delay:-2s; } .parallax>use:nth-child(2) { animation-delay:-2s; animation-duration:8s; } .parallax>use:nth-child(3) { animation-delay:-4s; animation-duration:9s; } .parallax>use:nth-child(4) { animation-delay:-6s; animation-duration:13s; } .parallax>use:nth-child(5) { animation-delay:0; animation-duration:9s; } .parallax>use:nth-child(6) { animation-delay:-6s; animation-duration:11s; } @keyframes move-forever { 0% { transform:translate(-90px,0%); } 100% { transform:translate(85px,0%); } }/*波浪线效果 end*/