How to use linear gradient?

Question

general syntax and all details

Answer 1

try this website
http://www.cssportal.com/css-gradient-generator/

simply paste the output code to the CSS body

body{
css code here
}

Answer 2

this is just an example from the site i posted here

https://code.sololearn.com/W0ktkh0N6YhD/?ref=app

body{
/* IE10+ */
background-image: -ms-linear-gradient(left, #008080 0%, #FFFFFF 25%, #05C1FF 50%, #FFFFFF 75%, #005757 100%);

/* Mozilla Firefox */
background-image: -moz-linear-gradient(left, #008080 0%, #FFFFFF 25%, #05C1FF 50%, #FFFFFF 75%, #005757 100%);

/* Opera */
background-image: -o-linear-gradient(left, #008080 0%, #FFFFFF 25%, #05C1FF 50%, #FFFFFF 75%, #005757 100%);

/* Webkit (Safari/Chrome 10) */
background-image: -webkit-gradient(linear, left top, right top, color-stop(0, #008080), color-stop(25, #FFFFFF), color-stop(50, #05C1FF), color-stop(75, #FFFFFF), color-stop(100, #005757));

/* Webkit (Chrome 11+) */
background-image: -webkit-linear-gradient(left, #008080 0%, #FFFFFF 25%, #05C1FF 50%, #FFFFFF 75%, #005757 100%);

/* W3C Markup */
background-image: linear-gradient(to right, #008080 0%, #FFFFFF 25%, #05C1FF 50%, #FFFFFF 75%, #005757 100%);
}

Answer 3

as external CSS file?

Answer 4

https://code.sololearn.com/Wl8pJRh0Ut7d/?ref=app

Answer 5

I want to use it in my own CSS document and I don't know how to use it

Answer 6

syntax