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.

خوب حاال از دستورات باال شکل زیر بدست میآید.‏<br />

خوب حاال قصد داریم Box-shadow را روی مستطیل با رنگ سیاه تطبیق کنیم.‏<br />

در دستور باال ما گفتیم که 13 پیکسل بصورت افقی از باکس اصلی فاصله بگیرد و 15 پیکسل<br />

بصورت عمودی از باکس اصلی فاصله بگیرد،‏ رنگ سایه هم سیاه باشد و حاال نتیجه هم چنین<br />

است:‏<br />

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

.box{<br />

Width:200px; height:100px; background-color:yellow;<br />

Box-shadow:10px 15px black;<br />

}<br />

اگر به یاد داشته باشید در شروع مبحث گفته بودیم که اندازه سایه این باکس کامالً‏ با سایز باکس<br />

اصلی است،‏ برای اینکه متوجه شوید،‏ مقادیر H-shadow<br />

میدهیم.‏<br />

و v-shadow<br />

را برابر به صفر قرار<br />

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

Box-shadow:0 0 black<br />

و حاال نتیجه به شکل زیر است:‏<br />

107<br />

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

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

Saved successfully!

Ooh no, something went wrong!