Radial Gradient View source

Outputs a radial-gradient. Use in conjunction with the background-image mixin. The function takes the same arguments as the radial-gradient mixin.

{% highlight scss %} @include background-image( radial-gradient(#1e5799, #3dc3d1) ); @include background-image( radial-gradient(50% 50%, circle cover, #1e5799, #3dc3d1) ); @include background-image( radial-gradient(50% 50%, circle cover, #eee 10%, #1e5799 30%, #efefef) ); {% 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