效果图
主要css
.flex1{
background: -webkit-linear-gradient(right,#BEB9F9,#66DEBA);
background: -o-linear-gradient(right,#BEB9F9,#66DEBA);
background: -moz-linear-gradient(right,#BEB9F9,#66DEBA);
background: -mos-linear-gradient(right,#BEB9F9,#66DEBA);
background: linear-gradient(right,#BEB9F9,#66DEBA);
}
.flex2{
background: -webkit-linear-gradient(right,#BEB9F9,#FECF4B);
background: -o-linear-gradient(right,#BEB9F9,#FECF4B);
background: -moz-linear-gradient(right,#BEB9F9,#FECF4B);
background: -mos-linear-gradient(right,#BEB9F9,#FECF4B);
background: linear-gradient(right,#BEB9F9,#FECF4B);
}
.flex3{
background: -webkit-linear-gradient(right,#BEB9F9,#FCA4B6);
background: -o-linear-gradient(right,#BEB9F9,#FCA4B6);
background: -moz-linear-gradient(right,#BEB9F9,#FCA4B6);
background: -mos-linear-gradient(right,#BEB9F9,#FCA4B6);
background: linear-gradient(right,#BEB9F9,#FCA4B6);
}
