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.

وh<br />

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

دقیقا همان سایه آمد داخل باکس اصلی قرار گرفت و چون دقیقا در لبه های باکس قرار گرفته<br />

درست مشخص نیست ، پس میایم برایش -shadow<br />

v-shadow هم میدهیم.‏<br />

اینجا 5<br />

پیکسل از باالی باکس اصلی ‏)عمودی(‏ و 5 پیکسل هم از سمت چپ باکس اصلی<br />

‏)افقی(‏ سایه ایجاد می کند.‏<br />

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

Box-shadow:5px 5px 0 10px black inset;<br />

13 ،<br />

حاال یک نکته ای را باید یاد آور شد که تا اینجا از مقادیر مثبت استفاده کردیم و جابجایی باکس<br />

سایه از سمت راست انجام میشد . حاال اگر بخواهیم سایه سمت چپ باکس اصلی ایجاد شود<br />

باید چیکار کنیم؟ خوب برای اینکار از مقادیر منفی استفاده می کنیم . به مثال زیر دقت کنید<br />

پیکسل بصورت افقی<br />

سمت چپ باکس:‏<br />

و 15<br />

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

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

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

110<br />

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

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

Saved successfully!

Ooh no, something went wrong!