• This site uses cookies. By continuing to use this site, you are agreeing to our use of cookies. Learn more.


Hi Everybody,

Good day
Please see the following code and response.
background: #6a6a6a url(images/nav-bar-bg.png) repeat-x;
background: -webkit-gradient(linear, left top, left bottom, from(#b9b9b9), to(#6a6a6a));
background: -moz-linear-gradient(top, #b9b9b9, #6a6a6a);
background: linear-gradient(-90deg, #b9b9b9, #6a6a6a);

Please let me know that what is gradient and linear-gradient? Why takes different values here like
2nd line webkit-gradient(linear, left top, left bottom,
3rd line -moz-linear-gradient(top and
4th line background: linear-gradient(-90deg,
No more, I am waiting for your kind response.

Thank you.


Senior Member
Each line is for browser compatibility. Is that what your asking? Each browser reads css gradients in different ways and these lines of code make sure they are supported.
Like the guys were saying before. I'd get a bit involved in some general conversation and speaking to others. All of your posts are help help help which is not a bad thing, and thats what everyone is here for, it's just good to get to know people and give something back to the forum community.
Hope the support helps