Ako ste radili u bilo kojem grafičkom programu onda vam je sigurno poznat ovaj pojam. Za one koji se prvi put susreću sa ovim pojmom – gradijent je prijelaz između dvije ili više boja ili između tamnije i svjetlije nijanse iste boje. Nekima je možda poznatiji izraz verlauf.
background: -moz-linear-gradient (položaj, boja1, boja2);
Položaj označava od koje strane počinje prijelaz. To može biti gore (top), dolje (bottom), lijevo (left), desno (right). Boja1 označava prvu boju, a boja2 drugu boju i one se koriste u prijelazu.
HTML:
<html>
<head>
<title> </title>
<link href=”style.css” media=”all” type=”text/css” rel=”stylesheet”/>
</head>
<body>
<div id=”okvir”></div>
</body>
</html>
CSS:
#okvir {
width:200px;
height:200px;
background: -moz-linear-gradient(bottom, pink, blue);
}