Common CSS gradient and css gradient

Common CSS gradient and css gradient

Border gradient:

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

 

Text gradient: (only-webkit-supported -)

1 background-image: -webkit-gradient(linear, 0 0, 0 80%, from(nth($color7, 3)), to(nth($color7, 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: DXImageTransform. 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: DXImageTransform. microsoft. gradient (startcolorstr = red, endcolorstr = blue, gradientType = 0); 3 background: red;/* browsers that do not support background gradient */4 background: -moz-linear-gradient (top, red, blue); 5 background:-webkit-gradient (linear, 0 0, 0 bottom, from (red ), to (blue ));