/*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