Printable Version


CSS3 Linear Gradients
Browser Compatibility Matrix

Repeating Gradient

Simple GradientSpecify DirectionSpecify
Angle
TrasparencyStopsRepeatRepeat Angle
No Prefix
ABCabc...
ABCabc...
ABCabc...
ABCabc...
ABCabc...
ABCabc...
ABCabc...
ABCabc...
ABCabc...
ABCabc...
ABCabc...
ABCabc...
ABCabc...
ABCabc...
ABCabc...
ABCabc...
ABCabc...
ABCabc...
ABCabc...
ABCabc...
ABCabc...
ABCabc...
ABCabc...
ABCabc...
ABCabc...
ABCabc...
ABCabc...
ABCabc...
ABCabc...
ABCabc...
ABCabc...
ABCabc...
ABCabc...
ABCabc...
ABCabc...
-o
ABCabc...
ABCabc...
ABCabc...
ABCabc...
ABCabc...
ABCabc...
ABCabc...
ABCabc...
ABCabc...
ABCabc...
ABCabc...
ABCabc...
ABCabc...
ABCabc...
ABCabc...
ABCabc...
ABCabc...
ABCabc...
ABCabc...
ABCabc...
ABCabc...
ABCabc...
ABCabc...
ABCabc...
ABCabc...
ABCabc...
ABCabc...
ABCabc...
ABCabc...
ABCabc...
ABCabc...
ABCabc...
ABCabc...
ABCabc...
ABCabc...
-ms
ABCabc...
ABCabc...
ABCabc...
ABCabc...
ABCabc...
ABCabc...
ABCabc...
ABCabc...
ABCabc...
ABCabc...
ABCabc...
ABCabc...
ABCabc...
ABCabc...
ABCabc...
ABCabc...
ABCabc...
ABCabc...
ABCabc...
ABCabc...
ABCabc...
ABCabc...
ABCabc...
ABCabc...
ABCabc...
ABCabc...
ABCabc...
ABCabc...
ABCabc...
ABCabc...
ABCabc...
ABCabc...
ABCabc...
ABCabc...
ABCabc...
-moz
ABCabc...
ABCabc...
ABCabc...
ABCabc...
ABCabc...
ABCabc...
ABCabc...
ABCabc...
ABCabc...
ABCabc...
ABCabc...
ABCabc...
ABCabc...
ABCabc...
ABCabc...
ABCabc...
ABCabc...
ABCabc...
ABCabc...
ABCabc...
ABCabc...
ABCabc...
ABCabc...
ABCabc...
ABCabc...
ABCabc...
ABCabc...
ABCabc...
ABCabc...
ABCabc...
ABCabc...
ABCabc...
ABCabc...
ABCabc...
ABCabc...
-webkit
ABCabc...
ABCabc...
ABCabc...
ABCabc...
ABCabc...
ABCabc...
ABCabc...
ABCabc...
ABCabc...
ABCabc...
ABCabc...
ABCabc...
ABCabc...
ABCabc...
ABCabc...
ABCabc...
ABCabc...
ABCabc...
ABCabc...
ABCabc...
ABCabc...
ABCabc...
ABCabc...
ABCabc...
ABCabc...
ABCabc...
ABCabc...
ABCabc...
ABCabc...
ABCabc...
ABCabc...
ABCabc...
ABCabc...
ABCabc...
ABCabc...
Repeating Gradient
ABCabc...
ABCabc...
ABCabc...
ABCabc...
ABCabc...
repeating-linear-gradient(red, green 18%, blue 25%);
ABCabc...
ABCabc...
ABCabc...
ABCabc...
ABCabc...
-o-repeating-linear-gradient(red, green 18%, blue 25%);
ABCabc...
ABCabc...
ABCabc...
ABCabc...
ABCabc...
-ms-repeating-linear-gradient(red, green 18%, blue 25%);
ABCabc...
ABCabc...
ABCabc...
ABCabc...
ABCabc...
-moz-repeating-linear-gradient(red, green 18%, blue 25%);
ABCabc...
ABCabc...
ABCabc...
ABCabc...
ABCabc...
-webkit-repeating-linear-gradient(red, green 18%, blue 25%);