I see these values all the time on the internet in HTML code in examples below in red, like -moz -linear-gradient, -webkit-gradient, can you point me to a website so that I can learn about the values below to the background image. Will all these values work for the common browsers, IE, firefox, chrome etc......
body header.headerBackground {
background-color: #414246;
background-image: -moz-linear-gradient(top,#54565a,#242427);
background-image: -webkit-gradient(linear,0 0,0 100%,from(#54565a),to(#242427));
background-image: -webkit-linear-gradient(top,#54565a,#242427);
background-image: -o-linear-gradient(top,#54565a,#242427);
background-image: linear-gradient(to bottom,#54565a,#242427);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff54565a',endColorstr='#ff242427',GradientType=0);
box-shadow: 0 1px 1px #4b4b4b;
height: 100%;
}
Sanjeeb LenkaPosted Jul 9, 2013, 12:25 AM
http://www.css3files.com/gradient/
https://www.webkit.org/blog/1424/css3-gradients/
https://developer.mozilla.org/en-US/docs/Web/CSS/linear-gradient
David SmithPosted Jul 9, 2013, 12:10 AM
Iftikar HussainPosted Jul 9, 2013, 12:02 AM
Please refer the below link
http://webdesignerwall.com/tutorials/cross-browser-css-gradient
Let me know if you need any more information
Regards,
Iftikar