TOUCH?

Mr.M0U53_K1LL3R21

html,body{background:#000;overflow:hidden;width:100%;height:100%}.view{position:absolute;top:0;left:0;right:0;bottom:0;-webkit-perspective:8;perspective:8}.plane{width:150px;height:150px;-webkit-transform-style:preserve-3d;transform-style:preserve-3d}.plane.main{position:absolute;top:0;left:0;right:0;bottom:0;margin:auto;-webkit-transform:rotateX(60deg) rotateZ(-30deg);transform:rotateX(60deg) rotateZ(-30deg);-webkit-animation:rotate 30s infinite linear;animation:rotate 30s infinite linear}.plane.main .circle{width:150px;height:150px;position:absolute;-webkit-transform-style:preserve-3d;transform-style:preserve-3d;border-radius:100%;box-sizing:border-box;box-shadow:0 0 60px crimson , inset 0 0 60px crimson}.plane.main .circle::before,.plane.main .circle::after{content:"";display:block;position:absolute;top:0;left:0;right:0;bottom:0;margin:auto;width:10%;height:10%;border-radius:100%;background:#dc143c;box-sizing:border-box;box-shadow:0 0 60px 2px crimson}.plane.main .circle::before{-webkit-transform:translateZ(-90px);transform:translateZ(-90px)}.plane.main .circle::after{-webkit-transform:translateZ(90px);transform:translateZ(90px)}.plane.main .circle:nth-child(1) {-webkit-transform:rotateZ(72deg) rotateX(63.435deg);transform:rotateZ(72deg) rotateX(63.435deg)}.plane.main .circle:nth-child(2) {-webkit-transform:rotateZ(144deg) rotateX(63.435deg);transform:rotateZ(144deg) rotateX(63.435deg)}.plane.main .circle:nth-child(3) {-webkit-transform:rotateZ(216deg) rotateX(63.435deg);transform:rotateZ(216deg) rotateX(63.435deg)}.plane.main .circle:nth-child(4) {-webkit-transform:rotateZ(288deg) rotateX(63.435deg);transform:rotateZ(288deg) rotateX(63.435deg)}.plane.main .circle:nth-child(5) {-webkit-transform:rotateZ(360deg) rotateX(63.435deg);transform:rotateZ(360deg) rotateX(63.435deg)}@-webkit-keyframes rotate { 0% { -webkit-transform: rotateX(0) rotateY(0) rotateZ(0); transform: rotateX(0) rotateY(0) rotateZ(0); } 100% { -webkit-transform: rotateX(360deg) rotateY(360deg) rotateZ(360deg); transform: rotateX(360deg) rotateY(360deg) rotateZ(360deg); } }@keyframes rotate { 0% { -webkit-transform: rotateX(0) rotateY(0) rotateZ(0); transform: rotateX(0) rotateY(0) rotateZ(0); } 100% { -webkit-transform: rotateX(360deg) rotateY(360deg) rotateZ(360deg); transform: rotateX(360deg) rotateY(360deg) rotateZ(360deg); } }html,body{width:100%;height:100%;overflow:hidden;background:#000}.specialtext{position:absolute;left:50%;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}#text{font-size:38px;font-family:Righteous}#fill{-webkit-animation:shift 5s linear infinite;animation:shift 5s linear infinite}@-webkit-keyframes shift { 0% { x: 0; } 100% { x: -2000; } }@keyframes shift { 0% { x: 0; } 100% { x: -2000; } }html,body{width:100%;height:100%;overflow:hidden;background:#000}.specialtext{position:absolute;left:50%;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}#text{font-size:38px;font-family:Righteous}#fill{-webkit-animation:shift 5s linear infinite;animation:shift 5s linear infinite}@-webkit-keyframes shift { 0% { x: 0; } 500% { x: -1000; } }@keyframes shift { 0% { x: 0; } 500% { x: -1000; } }