效果圖
主要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);
}
