Home/ Questions/Q 8413087
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-06-10T00:50:52+00:00

Please see the images below. Notice how the inner gradient in Chrome permeates only

  • 0

Please see the images below. Notice how the inner gradient in Chrome permeates only for only 10px from the top to bottom whereas in Firefox, the gradient permeates throughout the whole div.

I want to make the Firefox gradient to behave like Chrome gradient.

Is there some way in Firefox to do this?

The following are my css code for Chrome and Firefox.

background: -webkit-gradient(linear, 0 0, 0 10, from(#F5F6F7), to(white));
background: -moz-linear-gradient(top, #F5F6F7, white);

Chrome
Chrome

Firefox
Firefox

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    I think you may be looking for something like this:

    background: -moz-linear-gradient(top, #CCC 0%, #FFFFFF 10%);

    You were just missing the color stop arguments.

    Live Demo: http://jsfiddle.net/kd8Vf/3/

    I changed the colour to #CCC and the background to black so you can see it better. Change back the colours accordingly.

    Also see: https://developer.mozilla.org/en-US/docs/CSS/linear-gradient

    • 0