Gradient #230

transparent-sky-wash

radial-transparent-sky-wash

Copy styles

Tailwind

bg-[linear-gradient(120deg,#ecfeffCC_0%,#67e8f999_45%,#ffffff00_100%),radial-gradient(120%_120%_at_20%_10%,#ecfdf566_0%,#6ee7b744_60%,#ffffff00_100%)] border border-solid border-[rgba(14,116,144,0.22)] [backdrop-filter:blur(4px)] [-webkit-backdrop-filter:blur(4px)]

CSS3

.radial-transparent-sky-wash {

  background-image:
    linear-gradient(120deg, #ecfeffCC 0%, #67e8f999 45%, #ffffff00 100%),
    radial-gradient(120% 120% at 20% 10%, #ecfdf566 0%, #6ee7b744 60%, #ffffff00 100%);
  border: 1px solid rgba(14, 116, 144, 0.22);
  backdrop-filter: blur(4px);
  -webkit-backdrop-filter: blur(4px);
}