Gradient #170

repeating-radial-cosmo-rings

radial-repeating-radial-cosmo-rings

Copy styles

Tailwind

bg-[repeating-radial-gradient(circle_at_50%_50%,rgba(255,255,255,0.34)_0_8px,rgba(255,255,255,0)_8px_16px),radial-gradient(135%_135%_at_40%_20%,#ecfeff_0%,#67e8f9_58%,#0ea5e9_100%)] border border-solid border-[rgba(14,116,144,0.22)]

CSS3

.radial-repeating-radial-cosmo-rings {

  background-image:
    repeating-radial-gradient(circle at 50% 50%, rgba(255,255,255,0.34) 0 8px, rgba(255,255,255,0) 8px 16px),
    radial-gradient(135% 135% at 40% 20%, #ecfeff 0%, #67e8f9 58%, #0ea5e9 100%);
  border: 1px solid rgba(14, 116, 144, 0.22);
}