带角度的css3渐变效果

渐变角度为70度的css3:
.bg{

/*无css3*/
background: #ef3a32;
/*终极版*/
background: linear-gradient(70deg,#FF680F, #E41A1A);
/* 为了兼容 chrome 2+ 和 safari4+ 以上的一些较老的版本,需要这样写:*/
background: -webkit-gradient(linear,50% 100%,50% 0%,from(#E41A1A),to(#FF680F));
/* Webkit( safari 5.1+ chrome 10+) */
background: -webkit-linear-gradient(70deg, #E41A1A, #FF680F);
/* Firefox */
background: -moz-linear-gradient(70deg, #E41A1A, #FF680F);
/* IE 5.5–7 */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FF680F', endColorstr='#E41A1A', GradientType=0);
/* IE 8–9 */
-ms-filter: "progid:DXImageTransform.Microsoft.gradient (GradientType=0, startColorstr=#FF680F, endColorstr=#E41A1A)";
/* IE 10 */
background: -ms-linear-gradient(70deg,#E41A1A, #FF680F);
/* Opera: */
background: -o-linear-gradient(70deg, #E41A1A, #FF680F);
-pie-background: linear-gradient(70deg,#E41A1A, #FF680F);

}

你可能感兴趣的:(带角度的css3渐变效果)