* { box-sizing: content-box; } @keyframes defilement { 0% { top: 0; transform: rotateX(15deg) translateZ(2200px); } 100% { top: -10000px; transform: rotateX(20deg) translateZ(-2200px); } } @keyframes rainbow { 0% { color: yellow; } 25% { color: yellowgreen; } 50% { color: red; } 75% { color: blue; } 100% { color:yellow; } } .main-contents { z-index: 9999; } .star-wars { background-color: black; height: 70%; margin-right: 10px; transform: perspective(400px) rotateX(20deg); overflow: hidden; background-image: url("../_content/star.png"); background-repeat: repeat; background-size: 400px; padding: 0 10%; div { font-family: 'Pathway Gothic One', sans-serif; text-align: center; font-size: 28px; animation: defilement 40s linear infinite; color: yellow; } }