Gradient #234

transparent-gold-breeze

radial-transparent-gold-breeze

Copy styles

Tailwind

bg-[linear-gradient(148deg,#eff6ffCC_0%,#93c5fd99_45%,#ffffff00_100%),radial-gradient(120%_120%_at_20%_10%,#f0fdfa66_0%,#5eead444_60%,#ffffff00_100%)] border border-solid border-[rgba(37,99,235,0.22)] [backdrop-filter:blur(4px)] [-webkit-backdrop-filter:blur(4px)]

CSS3

.radial-transparent-gold-breeze {

  background-image:
    linear-gradient(148deg, #eff6ffCC 0%, #93c5fd99 45%, #ffffff00 100%),
    radial-gradient(120% 120% at 20% 10%, #f0fdfa66 0%, #5eead444 60%, #ffffff00 100%);
  border: 1px solid rgba(37, 99, 235, 0.22);
  backdrop-filter: blur(4px);
  -webkit-backdrop-filter: blur(4px);
}