webkit | mozilla
syntax for left to right even transition:
background:
-moz-linear-gradient(left,#ccc,#fff);
-webkit-gradient-linear(linear, leftcenter, rightcenter, from (#ccc)to(#fff));
syntax for right to left even transition:
background:
-moz-linear-gradient(right,#ccc,#fff);
-webkit-gradient-linear(linear, rightcenter, leftcenter, from (#ccc)to(#fff));
syntax for top to bottom even transition:
background:
-moz-linear-gradient(top,#ccc,#fff);
-webkit-gradient-linear(linear, centertop, centerbottom, from (#ccc)to(#fff));
syntax for bottom to top even transition:
background:
-moz-linear-gradient(bottom,#ccc,#fff);
-webkit-gradient-linear(linear, centerbottom, centertop, from (#ccc)to(#fff));
syntax for upper left to lower right even transition:
background:
-moz-linear-gradient(left, top, 315deg,, #ccc,#fff);
-webkit-linear-gradient(linear, lefttop, rightbottom, from(#ccc)to(#fff));
syntax for left to right even transition stopping at 45%:
background:
-moz-linear-gradient(left,#ccc,#fff, 45%);
-webkit-gradient-linear(linear, leftcenter, rightcenter, from (#ccc)color-stop(45%,#fff));
