Bunu, CSS background:radial-gradient
kuralı ile yapabilmeniz gerekir. Örneğin:
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%);
yüzden biraz hantal olabilir gibi göründüğünü ile çalışan, backbround
özelliğinin birçok tarayıcıya özel uygulama vardır. Tarayıcıya özel uygulamalar ile birlikte özel CSS renk geçişleri üreten bir web sitesi: http://www.colorzilla.com/gradient-editor/
Hoşunuza gittiğiniz renk geçişini aldıktan sonra, ColorZilla web sitesinden oluşturulan kural kümesine göre yeni bir CSS sınıfı oluşturabilirsiniz. ve bu sınıfları, haritaya eklendiklerinde üst üste konan öğelere uygulayın.