Usted debe ser capaz de hacer esto con la regla CSS background:radial-gradient
. Por ejemplo:
background: radial-gradient(ellipse at center,
rgba(50,255,84,1) 0%,
rgba(255,0,0,0.79) 26%,
rgba(239,0,235,0.46) 67%,
rgba(255,255,255,0.2) 100%);
Hay muchos aplicación específica del navegador de la propiedad backbround
, por lo que trabajar con esto parece que puede ser un poco difícil de manejar. Aquí hay un sitio web que genera gradientes de color CSS personalizados junto con las implementaciones específicas del navegador: http://www.colorzilla.com/gradient-editor/
Una vez que obtenga el gradiente de color que desee, podrá crear una nueva clase de CSS basada en el conjunto de reglas generado por el sitio web de ColorZilla y aplicar estas clases a los elementos superpuestos cuando se agregan al mapa.