This is

theresaanna's blog

about

web application development

and other nerdy things.

color stops can take a length measurement.

Did you try adding a length to the color stop? for example:


-webkit-gradient(
linear,
left top,
left bottom,
color-stop(0.06, rgb(0,21,255)),
color-stop(0.32, rgb(255,255,255))
)
-moz-linear-gradient(
center top,
rgb(0,21,255) 6%,
rgb(255,255,255) 32%
)

The gradient will start at 6% of the height, transition from blue to white until 32% of the height and then be fully white.

See http://hacks.mozilla.org/2009/11/css-gradients-firefox-36/ for more info on the position property.

Reply

The content of this field is kept private and will not be shown publicly.
  • Web page addresses and e-mail addresses turn into links automatically.
  • Allowed HTML tags: <a> <em> <strong> <cite> <code> <ul> <ol> <li> <dl> <dt> <dd>
  • Lines and paragraphs break automatically.

More information about formatting options