Cross Browser Background Radial Gradient


Snippet Details

Shortcut
radial-gradient
Description
A background radial gradient snippet
Language
css
Types
Expansion
Author
Andreas Nylin
Upload on
2/13/2014 6:33:10 PM
Downloads
690

Declarations

ID ToolTip Default
startcolor Start color value #cccccc
endcolor End color value #333333

Code Output

        background: $startcolor$;
background: -moz-radial-gradient(center, ellipse cover,  $startcolor$ 0%, $endcolor$ 100%);
background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,$startcolor$), color-stop(100%,$endcolor$));
background: -webkit-radial-gradient(center, ellipse cover,  $startcolor$ 0%,$endcolor$ 100%);
background: -o-radial-gradient(center, ellipse cover,  $startcolor$ 0%,$endcolor$ 100%);
background: -ms-radial-gradient(center, ellipse cover,  $startcolor$ 0%,$endcolor$ 100%);
background: radial-gradient(ellipse at center,  $startcolor$ 0%,$endcolor$ 100%);$end$
    

Download Add to .VSIX Package


comments powered by Disqus

Extension Package

No snippets are added


Languages