Gradient #164

repeating-linear-violet-stitch

radial-repeating-linear-violet-stitch

Copy styles

Tailwind

bg-[repeating-linear-gradient(148deg,rgba(255,255,255,0.3)_0_8px,rgba(255,255,255,0)_8px_16px),linear-gradient(164deg,#eff6ff_0%,#93c5fd_52%,#2563eb_100%)] border border-solid border-[rgba(37,99,235,0.22)]

CSS3

.radial-repeating-linear-violet-stitch {

  background-image:
    repeating-linear-gradient(148deg, rgba(255,255,255,0.3) 0 8px, rgba(255,255,255,0) 8px 16px),
    linear-gradient(164deg, #eff6ff 0%, #93c5fd 52%, #2563eb 100%);
  border: 1px solid rgba(37, 99, 235, 0.22);
}