Gradient #162

repeating-linear-cobalt-lattice

radial-repeating-linear-cobalt-lattice

Copy styles

Tailwind

bg-[repeating-linear-gradient(134deg,rgba(255,255,255,0.3)_0_8px,rgba(255,255,255,0)_8px_16px),linear-gradient(150deg,#f5f3ff_0%,#c4b5fd_52%,#7c3aed_100%)] border border-solid border-[rgba(109,40,217,0.22)]

CSS3

.radial-repeating-linear-cobalt-lattice {

  background-image:
    repeating-linear-gradient(134deg, rgba(255,255,255,0.3) 0 8px, rgba(255,255,255,0) 8px 16px),
    linear-gradient(150deg, #f5f3ff 0%, #c4b5fd 52%, #7c3aed 100%);
  border: 1px solid rgba(109, 40, 217, 0.22);
}