Ein Shadow Gradient ist ein Schatten, der einen Übergang zwischen zwei oder mehr Farben enthält. Die Verwendung von Farbverläufen ist heutzutage ein beliebter Trend im Webdesign. Leider verwendet ein Schattenverlauf aber keine CSS-Schatteneigenschaft.

Aus diesem Grund muss man auf einen Trick zurückgreifen, der sich mit dem Generator von Álvaro Trigo einfach umsetzen lässt. Der Farbverlaufsschatten ist dann am Ende ein unscharfer Farbverlaufshintergrund, der sich hinter dem Hauptelement befindet.