:root{ --first-color: #ef32d9; --second-color: #89fffd; --size: 100px; --speed: 4s; } selector{ overflow: hidden !important; display: flex; justify-content: center; align-items: center; } selector:before{ content: ''; position: absolute; width: var(--size); height: 140%; background: linear-gradient(var(--first-color), var(--second-color)); animation: animate var(--speed) linear infinite; } @keyframes animate{ 0%{ transform: rotate(0deg); } 100%{ transform: rotate(360deg); } }