多兼容背景渐变CSS

[Tronzo]

//渐变(方向)
background: -webkit-gradient(linear,left, from(#4508D0),to(#AE0BDC)); /* Saf4+, Chrome */
background: -webkit-linear-gradient( to right, #4508D0 , #AE0BDC ); /* Chrome 10+, Saf5.1+ */
background:    -moz-linear-gradient( to right, #4508D0 , #AE0BDC ); /* FF3.6 */
background:     -ms-linear-gradient( to right, #4508D0 , #AE0BDC ); /* IE10 */ 
background:      -o-linear-gradient( to right, #4508D0 , #AE0BDC ); /* Opera 11.10+ */
background:         linear-gradient( to right, #4508D0 , #AE0BDC );

//渐变(角度)
background: linear-gradient(88deg, #4DF7BF 0%, rgba(77, 247, 191, 0.26) 12%, rgba(77, 247, 191, 0) 100%);

//边框渐变
.border-grident{
  margin-top: 20px;
  width: 200px;
  height: 200px;
  border: 4px solid;
  border-image: linear-gradient(to right, #8f41e9, #578aef) 4;
}

多种兼容背景渐变