This is not going to be an extensive post, but just something to serve as a quick reference, along with some interesting points from the spec. In another post, I’ll break down CSS3 radial gradients, but for now I’ll just focus on linear, to keep things simple. The Bare Minimum for All Supporting Browsers To get a linear gradient to work in all supporting browsers, this is how you do it: .element {