[{SET page-styles='prettify-nonum}]
%%bg-tempting-azure.raised.lead.center.
\\
Background Gradients in the [Haddock Template]
\\
\\
/%

!!Usage:
{{{
%%add-css [CSSBackgroundGradients] /%

%%bg-gradient-xyz 
  <page content>
/%
}}}

!!Pastel gradients
See: [Laura Robertson|http://codepen.io/LauraRobertson/pen/eBjrgj|class='slimbox']
%%bollen
%%bg-gradient-1 bg-gradient-1 /%
%%bg-gradient-2 bg-gradient-2 /%
%%bg-gradient-3 bg-gradient-3  /%
%%bg-gradient-4 bg-gradient-4  /%
%%bg-gradient-5 bg-gradient-5  /% 
%%bg-gradient-6 bg-gradient-6  /%
%%bg-gradient-7 bg-gradient-7  /%
%%bg-gradient-8 bg-gradient-8  /%
%%bg-gradient-9 bg-gradient-9  /% 
/%
!! WebGradients
More examples on [webgradients.com|https://webgradients.com|class='slimbox']

%%bollen
%%bg-warm-flame bg-warm-flame /%
%%bg-night-fade bg-night-fade /%
%%bg-spring-warmth bg-spring-warmth /%
%%bg-juicy-peach bg-juicy-peach /%
%%bg-lady-lips bg-lips-lady /%
%%bg-sunny-morning bg-sunny-morning /%
%%bg-rainy-ashville bg-rainy-ashville /%
%%bg-frozen-dreams bg-frozen-dreams /%
%%bg-winter-neva bg-winter-neva /%
%%bg-dusty-grass bg-dusty-grass /%
%%bg-tempting-azure bg-tempting-azure /%
%%bg-deep-blue bg-deep-blue /%
%%bg-cloudy-knoxville bg-cloudy-knoxville /%
%%bg-everlasting-sky bg-everlasting-sky /%
%%bg-plum-plate bg-plum-plate /%
/%

%%add-css [CSSBackgroundGradients] /%

----
See [Category.Add CSS Style], [Background Styles], [Background Patterns]