Radial Gradient View source

Takes up to 10 gradients. See also the background-image mixin.

This mixin will output a fallback background-color: #first-color; declaration. A $fallback argument can be passed to change the fallback color.

{% highlight scss %} @include radial-gradient(#1e5799, #3dc3d1); @include radial-gradient(50% 50%, circle cover, #eee 10%, #1e5799 30%, #efefef); @include radial-gradient(50% 50%, circle cover, #eee 10%, #1e5799 30%, #efefef, $fallback: red); {% endhighlight %}

Optional variables can be passed to control the deprecated -webkit-gradient() function (iOS 4):
$deprecated-pos1, $deprecated-pos2, $deprecated-radius1, $deprecated-radius2

{% highlight scss %} @include radial-gradient(#1e5799, #3dc3d1, $deprecated-pos1: left center, $deprecated-pos2: left top, $deprecated-radius1: 50, $deprecated-radius2: 360); {% endhighlight %}

Demo