/*Replace the class .mesh-test with your own as well as the four lines of code following right underneath (with the code from Mesher)*/ .mesh-test{ background-color:hsla(95,0%,0%,1); background-image: radial-gradient(at 88% 79%, hsla(227,93%,77%,1) 0px, transparent 50%), radial-gradient(at 13% 9%, hsla(80,95%,71%,1) 0px, transparent 50%); animation: gradient 13s ease infinite; background-size: 200% 200%; } @keyframes gradient { 0% { background-position: 0% 20%; } 25% { background-position: 100% 50%; } 50% { background-position: 50% 70%; } 100% { background-position: 0% 20%; } }
Preview:
downloadDownload PNG
downloadDownload JPEG
downloadDownload SVG
Tip: You can change the style, width & colours of the snippet with the inspect tool before clicking Download!
Click to optimize width for Twitter