3
Back

Gradient #85

border-sky-pearl

radial-border-sky-pearl

Copy styles

Tailwind
bg-[radial-gradient(115%_125%_at_50%_12%,rgba(240,249,255,0.8)_0%,rgba(186,230,253,0.64)_100%)] border border-solid border-[rgba(14,165,233,0.5)] shadow-[inset_0_1px_0_rgba(255,255,255,0.84),0_10px_24px_-20px_rgba(2,132,199,0.34)]
CSS3
.radial-border-sky-pearl {

  background-image:
    radial-gradient(115% 125% at 50% 12%, rgba(240, 249, 255, 0.8) 0%, rgba(186, 230, 253, 0.64) 100%);
  border: 1px solid rgba(14, 165, 233, 0.5);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.84), 0 10px 24px -20px rgba(2, 132, 199, 0.34);
}