حالت موضوعی | حالت خطی

**Ghoghnus**

سلام

به کمک این کد در css میتونیم رنگ بندی را به صورت گرادیان داشته باشیم

کد: 
<!DOCTYPE html>

<html>

<head>

<style>

#grad1

{

height:200px;

background: -webkit-linear-gradient( #f0e2bd,#FFFFFF); /* For Safari 5.1 to 6.0 */

background: -o-linear-gradient( #f0e2bd,#FFFFFF); /* For Opera 11.1 to 12.0 */

background: -moz-linear-gradient( #f0e2bd,#FFFFFF ); /* For Firefox 3.6 to 15 */

background: linear-gradient( #f0e2bd,#FFFFFF); /* Standard syntax (must be last) */

}

</style>

</head>

<body>

<div id="grad1"></div>

</body>

</html>

**hamed_Arfaee**

سلام
دستت درد نکنه .
موضوع خوبیه
این هم یه سایت که آنلاین باهاش گرادیانت رو طراحی میکنی و کدشو تحویلی می گیری :

Ultimate CSS Gradient Generator

**Ghoghnus**

کد: 
<!DOCTYPE html>

<html>

<head>

<style>

#grad1

{

height:200px;

background: -webkit-linear-gradient(red, blue); /* For Safari 5.1 to 6.0 */

background: -o-linear-gradient(red, blue); /* For Opera 11.1 to 12.0 */

background: -moz-linear-gradient(red, blue); /* For Firefox 3.6 to 15 */

background: linear-gradient(red, blue); /* Standard syntax (must be last) */

}

</style>

</head>

<body>

<div id="grad1"></div>

</body>

</html>

**Ghoghnus**

کد: 
<!DOCTYPE html>

<html>

<head>

<style>

#grad1

{

height:200px;

background: -webkit-linear-gradient(left, red , blue); /* For Safari 5.1 to 6.0 */

background: -o-linear-gradient(right, red, blue); /* For Opera 11.1 to 12.0 */

background: -moz-linear-gradient(right, red, blue); /* For Firefox 3.6 to 15 */

background: linear-gradient(to right, red , blue); /* Standard syntax (must be last) */

}

</style>

</head>

<body>

<div id="grad1"></div>

</body>

</html>

حالت موضوعی \| حالت خطی گرادیان
نویسنده	پیام