Home › Explore › Purple Checker

Purple Checker

Purple Checker is a shared gradient by @Surya Anand on ProGradients.

0 remixes · by @Surya Anand

CSS

.gradient-container {
  position: relative;
  width: 100%;
  height: 100vh;
  background: radial-gradient(circle at 46% 100%, #e68bff 0%, #000000 100%),
    #000000;
  opacity: 1;
  mix-blend-mode: normal;
}

.gradient-container::after {
  content: '';
  position: absolute;
  inset: 0;
  pointer-events: none;
  mix-blend-mode: overlay;
  opacity: 0.1;
  background-image: linear-gradient(45deg, #ffffff 25%, transparent 25%), linear-gradient(-45deg, #ffffff 25%, transparent 25%), linear-gradient(45deg, transparent 75%, #ffffff 75%), linear-gradient(-45deg, transparent 75%, #ffffff 75%);
  background-size: 20px 20px;
  background-position: 0 0, 0 10px, 10px -10px, -10px 0px;
}