یکی از قابلیت های خیلی جالب و کاربردی CSS3 خاصیت Shadow می باشد که با استفاده از آن میتوانید به تصاویر و هر شئ دلخواه در زوایا و اندازه های مختلف سایه اضافه کنید ! شما با استفاده از این خاصیت می توانید طراحی وب سایت خود را زیباتر و جذابتر کنید . به عنوان مثال تصاویر پست های ایران هکس دارای سایه در بخش پایینی آن می باشند که جلوه جذابی به آنها میدهد . به درخواست برخی از کاربران ، در این مطلب نحوه اضافه کردن سایه به بخش زیری تصاویر را آموزش خواهم داد … برای اینکار ابتدا باید در فایل CSS قالبتان ، برای تصاویر مطالب استایل تعریف کرده باشید که قبلا در آموزش های مختلف این کار را توضیح داده ام . در این مطلب فقط کد مربوط به ایجاد سایه و نحوه قرار دادن آن را توضیح میدهم . کافیست تا کدهای زیر را به استایل مربوط به تصاویر مطالب یا هر شئ دیگری که قصد اضافه کردن سایه (در بخش پایینی) را دارید اضافه کنید . کدهای زیر دقیقا کدهای مربوط به تصاویر ایران هکس می باشد . برای ایجاد نوع های دیگر و تغییر زاویه باید مقدارهای داده شده را تغییر دهید . position:relative; -moz-box-shadow:0 9px 5px -4px rgba(0,0,0,0.7); -webkit-box-shadow:0 9px 5px -4px rgba(0,0,0,0.7); box-shadow:0 9px 5px -4px rgba(0,0,0,0.7);توجه کنید که این خاصیت در مرورگر IE پشتیبانی نمیشود . امیدوارم این آموزش نیز مورد استفاده شما قرار بگیرد . موفق باشید…
