Gradient #167

repeating-linear-rose-ribbon

radial-repeating-linear-rose-ribbon

Copy styles

Tailwind

bg-[repeating-linear-gradient(169deg,rgba(255,255,255,0.3)_0_8px,rgba(255,255,255,0)_8px_16px),linear-gradient(185deg,#f0fdfa_0%,#5eead4_52%,#0d9488_100%)] border border-solid border-[rgba(13,148,136,0.22)]

CSS3

.radial-repeating-linear-rose-ribbon {

  background-image:
    repeating-linear-gradient(169deg, rgba(255,255,255,0.3) 0 8px, rgba(255,255,255,0) 8px 16px),
    linear-gradient(185deg, #f0fdfa 0%, #5eead4 52%, #0d9488 100%);
  border: 1px solid rgba(13, 148, 136, 0.22);
}