در این آموزش قصد دارم ترفندی از css که باعث سایه دار شدن بالای وب سایت می باشد را در اختیار شما همراهان قرار دهم .

و اما آموزش :

برای این کار کافیست قطعه کد زیر را در قسمت css سایت خود کپی کنید …

body:before{
    content: "";
	position: fixed;
	top: -10px;
	left: 0;
	width: 100%;
	height: 10px;
	-webkit-box-shadow: 0px 0px 10px #000;
	-moz-box-shadow: 0px 0px 10px #000;
	box-shadow: 0px 0px 10px #000;
	z-index:100;
}

 نکات مهم :

* بهتر است کد بالا را در قسمت های بالایی فایل css خود قرار دهید .

* برای زیاد کردن مقدار سایه میتوانید سومین مقدار از خاصیت box-shadow را بیشتر کنید ( هر 3 box-shadow با پیشوند های مختلف را باید تغییر دهید )

* برای تغییر رنگ سایه میتوانید چهارمین مقدار از خاصیت box-shadow را بیشتر کنید ( هر 3 box-shadow با پیشوند های مختلف را باید تغییر دهید )

مثلا اگر میخواهید سایه ی  25 پیکسلی و رنگ قرمز داشته باشید :

	-webkit-box-shadow: 0px 0px 25px #f00;
	-moz-box-shadow: 0px 0px 25px #f00;
	box-shadow: 0px 0px 25px #f00;

 گرداوری : وحید مجیدی

پخش اختصاصی