02.03.2017 Views

CSS

You also want an ePaper? Increase the reach of your titles

YUMPU automatically turns print PDFs into web optimized ePapers that Google loves.

مبحث هفدهم:‏ Gradient<br />

در این مبحث در مورد ساخت<br />

Gradient صحبت میکنیم.‏<br />

به صورت کلی<br />

Gradient<br />

به حالتی اطالق میگردد که بسته به جهتی که انتخاب میکنیم به تدریج<br />

یک رنگ به درنگ دیگری تبدیل میشود.‏<br />

در تصویر زیر ما یک گرادیانت عمودی ایجاد کردیم به طوری که این گرادیانت به تدریج از سفید<br />

به سمت تیره گی تغییر پیدا میکند.‏<br />

برای واضح شدن موضوع به مثال زیر توجه نماید:‏<br />

دستور<br />

:HTML<br />

<br />

دستور<br />

آموزش کاربردی <strong>CSS</strong>3<br />

:<strong>CSS</strong><br />

آموزش کاربردی <strong>CSS</strong>3<br />

#box {<br />

Width:300px;<br />

Height:200px;<br />

Background: linear-gradient(top, #ffde57 0%, #ffdeff 100%);<br />

115<br />

‏”رسولی”‏ نویسنده:‏ فردوس

Hooray! Your file is uploaded and ready to be published.

Saved successfully!

Ooh no, something went wrong!