Gradient #367

femme-petal-prism

radial-femme-petal-prism

Copy styles

Tailwind

bg-[linear-gradient(209deg,#fff0f6CC_0%,#fda4d599_45%,#ffffff00_100%),radial-gradient(120%_120%_at_22%_10%,#faf5ff66_0%,#d8b4fe44_62%,#ffffff00_100%)] border border-solid border-[rgba(225,29,141,0.26)] [backdrop-filter:blur(4px)] [-webkit-backdrop-filter:blur(4px)]

CSS3

.radial-femme-petal-prism {

  background-image:
    linear-gradient(209deg, #fff0f6CC 0%, #fda4d599 45%, #ffffff00 100%),
    radial-gradient(120% 120% at 22% 10%, #faf5ff66 0%, #d8b4fe44 62%, #ffffff00 100%);
  border: 1px solid rgba(225, 29, 141, 0.26);
  backdrop-filter: blur(4px);
  -webkit-backdrop-filter: blur(4px);
}