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-shadow<br />

و v-shadow<br />

در مثال زیر برای باکس سایه تنها قیمت h-shadow را تطبیق میکنیم.‏<br />

میتوانید باکس سایه را جابجا کنید.‏<br />

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

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

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

حاال میایم باالی مقدار Blur<br />

وقتی شما باکس سایه را مقدار<br />

اصلی میشود.‏<br />

Blur<br />

برای وضوح مطلب به کد زیر دقت کنید:‏<br />

در دستور باال مقدار اول h-shadow<br />

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

لحاظ میکنید به اندازه سایز<br />

Blur<br />

، مقدار دوم v-shadow<br />

از هر طرف بزرگتر از باکس<br />

و مقدار سوم آن مربوط به<br />

Blur<br />

میگردد.‏<br />

اما اگر خواسته باشید سایه را بیشتر پراگنده نمایید باید مقدار Spread را تطبیق نمایید:‏<br />

حاال به دستور زیر دقت نمایید:‏<br />

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

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

108<br />

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

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

Saved successfully!

Ooh no, something went wrong!