3
Back
repeating

Gradient #160

repeating-linear-candy-stripe

radial-repeating-linear-candy-stripe

Copy styles

Tailwind 
bg-[repeating-linear-gradient(120deg,rgba(255,255,255,0.3)_0_8px,rgba(255,255,255,0)_8px_16px),linear-gradient(136deg,#ecfeff_0%,#67e8f9_52%,#0ea5e9_100%)] border border-solid border-[rgba(14,116,144,0.22)]
CSS3 
.radial-repeating-linear-candy-stripe {

  background-image:
    repeating-linear-gradient(120deg, rgba(255,255,255,0.3) 0 8px, rgba(255,255,255,0) 8px 16px),
    linear-gradient(136deg, #ecfeff 0%, #67e8f9 52%, #0ea5e9 100%);
  border: 1px solid rgba(14, 116, 144, 0.22);
}