User Tools

Site Tools


This is an old revision of the document!

Linear-gradient Backgrounds

CE4 supports the use of CSS3 linear-gradients for page element backgrounds. The standard set of controls for linear-gradients looks like this:

When using linear-gradients, it's important to be aware of limited browser support. Linear gradients are supported in the following desktop browsers:

  • Chrome 10.0+
  • Firefox 3.6+
  • Internet Explorer 10+
  • Safari 5.1+
  • Opera 11.6+

On mobile, linear-gradient support exists for:

  • Android Browser 4.0+
  • Blackberry Browser 10.0+
  • Chrome for Android 31.0+
  • Firefox for Android 25.0
  • Internet Explorer Mobile 10.0+
  • iOS Safari 5.0+
  • Opera Mobile 12.0+

Older browsers not supporting linear-gradients will fall back on the element's defined background-color. Therefore, when setting a linear-gradient, set an appropriate background-color first.

ce4_linear-gradients.1389153187.txt.gz · Last modified: 2014/01/08 03:53 by matthew

The Turning Gate
Creating webbly, wobbly, Lightroomy things since 2007.