Gradient #239

transparent-berry-film

radial-transparent-berry-film

Copy styles

Tailwind

bg-[linear-gradient(183deg,#fef2f2CC_0%,#fda4af99_45%,#ffffff00_100%),radial-gradient(120%_120%_at_20%_10%,#f5f3ff66_0%,#c4b5fd44_60%,#ffffff00_100%)] border border-solid border-[rgba(190,18,60,0.22)] [backdrop-filter:blur(4px)] [-webkit-backdrop-filter:blur(4px)]

CSS3

.radial-transparent-berry-film {

  background-image:
    linear-gradient(183deg, #fef2f2CC 0%, #fda4af99 45%, #ffffff00 100%),
    radial-gradient(120% 120% at 20% 10%, #f5f3ff66 0%, #c4b5fd44 60%, #ffffff00 100%);
  border: 1px solid rgba(190, 18, 60, 0.22);
  backdrop-filter: blur(4px);
  -webkit-backdrop-filter: blur(4px);
}