Pattern by elijahgummer
1.container { 2 width: 100%; 3 height: 100%; 4 background: lightblue; 5 position: relative; 6 overflow: hidden; 7} 8 9.container::before { 10 content: ""; 11 position: absolute; 12 top: -50%; 13 left: -50%; 14 width: 200%; 15 height: 200%; 16 background: radial-gradient(circle, #3498db 10%, transparent 20%), 17 radial-gradient(circle, transparent 10%, #3498db 20%); 18 background-size: 30px 30px; /* Adjust the size of the pattern */ 19 animation: moveBackground 8s linear infinite; /* Adjust the animation duration and timing function */ 20} 21 22@keyframes moveBackground { 23 0% { 24 transform: translate(0, 0); 25 } 26 100% { 27 transform: translate(20%, 20%); 28 } 29} 30
1.8K views
1.8K views
MIT License