.ball{display:inline-block;width:100%;height:100%;margin:0;border-radius:50%;position:relative;background:radial-gradient(circle at 50% 120%,#323232,#0a0a0a 80%,#000 100%)}.ball:before{background:radial-gradient(circle at 50% 120%,hsla(0,0%,100%,.5),hsla(0,0%,100%,0) 70%);bottom:2.5%;left:5%;opacity:.6;width:90%;-webkit-filter:blur(5px);z-index:2}.ball:after,.ball:before{content:"";position:absolute;border-radius:50%;height:100%}.ball:after{width:100%;top:5%;left:10%;background:radial-gradient(circle at 50% 50%,hsla(0,0%,100%,.8),hsla(0,0%,100%,.8) 14%,hsla(0,0%,100%,0) 24%);transform:translateX(-80px) translateY(-90px) skewX(-20deg);-webkit-filter:blur(10px)}.ball .eight{width:110px;height:110px;margin:30%;background:#fff;border-radius:50%;transform:translateX(68px) translateY(-60px) skewX(15deg) skewY(2deg);position:absolute}.ball .eight:before{content:"8";display:block;position:absolute;text-align:center;height:80px;width:100px;left:50px;margin-left:-40px;top:44px;margin-top:-40px;color:#000;font-family:Arial;font-size:90px;line-height:104px}.ball .shadow{position:absolute;width:100%;height:100%;background:radial-gradient(circle at 50% 50%,rgba(0,0,0,.4),rgba(0,0,0,.1) 40%,transparent 50%);transform:rotateX(90deg) translateZ(-150px);z-index:-1}.stage{width:300px;height:300px;display:inline-block;margin:20px;-ms-perspective:1200px;-o-perspective:1200px;perspective:1200px;-ms-perspective-origin:50% 50%;-o-perspective-origin:50% 50%;perspective-origin:50% 50%}