Gradient #411

masc-petrol-wave

radial-masc-petrol-wave

Copy styles

Tailwind

bg-[linear-gradient(253deg,#f7fee7CC_0%,#a3e63599_45%,#ffffff00_100%),radial-gradient(120%_120%_at_22%_10%,#e2e8f066_0%,#64748b44_62%,#ffffff00_100%)] border border-solid border-[rgba(77,124,15,0.26)] [backdrop-filter:blur(4px)] [-webkit-backdrop-filter:blur(4px)]

CSS3

.radial-masc-petrol-wave {

  background-image:
    linear-gradient(253deg, #f7fee7CC 0%, #a3e63599 45%, #ffffff00 100%),
    radial-gradient(120% 120% at 22% 10%, #e2e8f066 0%, #64748b44 62%, #ffffff00 100%);
  border: 1px solid rgba(77, 124, 15, 0.26);
  backdrop-filter: blur(4px);
  -webkit-backdrop-filter: blur(4px);
}