@keyframes move{100%{transform:translate3d(0,0,-1000px)}}.container{position:absolute;width:500px;transform-style:preserve-3d;top:200px;right:110px;height:500px;overflow:hidden}.bubble-wrap{margin:0 auto;width:500px;height:500px;transform-style:preserve-3d;transform-origin:center center;perspective:600px}.bubble{position:absolute;background:#000;opacity:.7;border-radius:50%;animation:move 3s infinite}.bubble:nth-child(1){height:29px;width:29px;animation-delay:-0.2s;transform:translate3d(123px,125px,555px);background:#d9268e}.bubble:nth-child(2){height:7px;width:7px;animation-delay:-0.4s;transform:translate3d(996px,982px,821px);background:#d95326}.bubble:nth-child(3){height:10px;width:10px;animation-delay:-.6s;transform:translate3d(111px,434px,101px);background:#d98e26}.bubble:nth-child(4){height:30px;width:30px;animation-delay:-0.8s;transform:translate3d(360px,789px,786px);background:#26d99d}.bubble:nth-child(5){height:14px;width:14px;animation-delay:-1s;transform:translate3d(637px,882px,1366px);background:#2668d9}.bubble:nth-child(6){height:27px;width:27px;animation-delay:-1.2s;transform:translate3d(768px,220px,866px);background:#26d935}.bubble:nth-child(7){height:17px;width:17px;animation-delay:-1.4s;transform:translate3d(203px,730px,1493px);background:#d92650}.bubble:nth-child(8){height:2px;width:2px;animation-delay:-1.6s;transform:translate3d(60px,504px,954px);background:#d92635}.bubble:nth-child(9){height:2px;width:2px;animation-delay:-1.8s;transform:translate3d(80px,642px,349px);background:#d99d26}.bubble:nth-child(10){height:25px;width:25px;animation-delay:-2s;transform:translate3d(666px,443px,855px);background:#cad926}