@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:19px;width:19px;animation-delay:-0.2s;transform:translate3d(473px,692px,662px);background:#d95f26}.bubble:nth-child(2){height:2px;width:2px;animation-delay:-0.4s;transform:translate3d(31px,722px,359px);background:#d926a0}.bubble:nth-child(3){height:16px;width:16px;animation-delay:-.6s;transform:translate3d(968px,179px,111px);background:#26d92c}.bubble:nth-child(4){height:26px;width:26px;animation-delay:-0.8s;transform:translate3d(545px,434px,448px);background:#c1d926}.bubble:nth-child(5){height:6px;width:6px;animation-delay:-1s;transform:translate3d(449px,769px,210px);background:#d92671}.bubble:nth-child(6){height:9px;width:9px;animation-delay:-1.2s;transform:translate3d(401px,124px,989px);background:#26d92f}.bubble:nth-child(7){height:20px;width:20px;animation-delay:-1.4s;transform:translate3d(812px,117px,259px);background:#269ad9}.bubble:nth-child(8){height:23px;width:23px;animation-delay:-1.6s;transform:translate3d(901px,498px,1998px);background:#d92662}.bubble:nth-child(9){height:3px;width:3px;animation-delay:-1.8s;transform:translate3d(140px,515px,204px);background:#26a9d9}.bubble:nth-child(10){height:30px;width:30px;animation-delay:-2s;transform:translate3d(987px,700px,427px);background:#d926d0}