test snippet

Code Grid:

{"settings":{"resources":[],"title":""},"code":{"html":"%3Cdiv%20id%3D%22gradient%22%3E%3C%2Fdiv%3E","js":"","css":"%23gradient%20%7B%0A%20%20width%3A%20100%25%3B%0A%20%20height%3A%20100%25%3B%0A%20%20position%3A%20absolute%3B%0A%20%20background%3A%20linear-gradient(270deg%2C%20%23073763%2C%20%230b5394%2C%20%233d85c6%2C%20%236fa8dc%2C%20%239fc5e8%2C%20%23c8bede%2C%20%23b3a6d5%2C%20%238675b8%2C%20%23674ea7%2C%20%23351c75%2C%20%23741b47%2C%20%23a64d79%2C%20%23c27ba0%2C%20%23d5a6bd%2C%20%23d8aca4%2C%20%23dd7e6b%2C%20%23cc4125%2C%20%23a61c00%2C%20%2385200c%2C%20%23571407)%3B%0A%20%20background-size%3A%202000%25%202000%25%3B%0A%20%20-webkit-animation%3A%20colors%2030s%20ease%20infinite%3B%0A%20%20%20%20%20%20%20%20%20%20animation%3A%20colors%2030s%20ease%20infinite%3B%0A%7D%0A%0A%40-webkit-keyframes%20colors%20%7B%0A%20%200%25%20%7B%0A%20%20%20%20background-position%3A%200%25%2050%25%3B%0A%20%20%7D%0A%20%2050%25%20%7B%0A%20%20%20%20background-position%3A%20100%25%2050%25%3B%0A%20%20%7D%0A%20%20100%25%20%7B%0A%20%20%20%20background-position%3A%200%25%2050%25%3B%0A%20%20%7D%0A%7D%0A%0A%40keyframes%20colors%20%7B%0A%20%200%25%20%7B%0A%20%20%20%20background-position%3A%200%25%2050%25%3B%0A%20%20%7D%0A%20%2050%25%20%7B%0A%20%20%20%20background-position%3A%20100%25%2050%25%3B%0A%20%20%7D%0A%20%20100%25%20%7B%0A%20%20%20%20background-position%3A%200%25%2050%25%3B%0A%20%20%7D%0A%7D"}}

<div id="gradient"></div>

#gradient {
  width: 100%;
  height: 100%;
  position: absolute;
  background: linear-gradient(270deg, #073763, #0b5394, #3d85c6, #6fa8dc, #9fc5e8, #c8bede, #b3a6d5, #8675b8, #674ea7, #351c75, #741b47, #a64d79, #c27ba0, #d5a6bd, #d8aca4, #dd7e6b, #cc4125, #a61c00, #85200c, #571407);
  background-size: 2000% 2000%;
  -webkit-animation: colors 30s ease infinite;
          animation: colors 30s ease infinite;
}

@-webkit-keyframes colors {
  0% {
    background-position: 0% 50%;
  }
  50% {
    background-position: 100% 50%;
  }
  100% {
    background-position: 0% 50%;
  }
}

@keyframes colors {
  0% {
    background-position: 0% 50%;
  }
  50% {
    background-position: 100% 50%;
  }
  100% {
    background-position: 0% 50%;
  }
}