CSS Common gradients

Border gradient:

1 border-image:-webkit-linear-gradient (red, blue); 2 border-image:-moz-linear-gradient (red, blue); 3 border-image:linear-gradient (red, blue);

Text gradient: (only-webkit-supported)

1 background-image:-webkit-gradient (linear, 0 0, 0 80%, from (Nth ($color 7, 3)), to (Nth ($color 7, 4 )); 2 -webkit-background-clip:text; 3 -webkit-text-fill-color:transparent;

Background gradient:

1 Filter:alpha (opacity=100 finishopacity=50 style=1 startx=0,starty=0,finishx=0,finishy=150) Progid:D XImageTransform.Microsoft.gradient (startcolorstr=red,endcolorstr=blue,gradienttype=0);2 -ms-filter:alpha (opacity=100 finishopacity=50 style=1 startx=0,starty=0,finishx=0,finishy=150) Progid:D  XImageTransform.Microsoft.gradient (startcolorstr=red,endcolorstr=blue,gradienttype=0); 3 background:red;/*some browsers that do not support background gradients*/  4 background:-moz-linear-gradient (top, red, blue); 5 background:-webkit-gradient (linear, 0 0, 0 bottom, from (red), to (blue));

CSS Common gradients