آموزش های حرفه ای
مای دیزاین به عنوان یکی از تولید کنندگان محتوای آموزشی در زمینه طراحی وب و گرافیک به صورت تصویری، با کیفیت و اختصاصی در خدمت شما کاربران عزیز می باشد!
نرم افزار آندروید
طراحی و ساخت نرم افزار آندروید خدمت جدیدی است که در مای دیزاین ارائه میشود. داشتن نرم افزار برای گوشی های هوشمند امری جدید و هیجان انگیز می باشد!
طراحی وب و گرافیک
یکی از خدمات ما طراحی سایت های ایستا و پویا با جدید ترین متد های روز دنیاست. ساخت قالب هایی سبک و در عین حال زیبا، با استفاده از وردپرس، تخصص ماست!
سایه دادن به المان ها در وب به کمک CSS

سایه دادن به المان ها در وب به کمک CSS
سلام. امروز با یک آموزش دیگه از CSS اومد پیشتون. سایه دادن به المان ها در وب یکی از ساده ترین روش ها برای زیبا سازی وبسایت است. اگر میخواهید با سایه ای ساده سایت خودتون رو متحول کنید این مطلب رو دنبال کنید.
برای این کار باید یک کد به استایل هر المانی که میخواید به اون سایه بدید اضافه کنید. برای اضافه کردن سایه به باکس ها و تصاویر از کد زیر استفاده کنید:

Box-shadow:0px 0px 5px #000;

در کد بالا مقدار ها به ترتیب برابر فاصله در محور X ها، فاصله در محور Y ها، شعاع سایه و رنگ سایه هستند که با تغییر تک تک میتونید به صورت کامل متوجه کد بشید.
اگر میخواید برای یک متن از سایه استفاده کنید از کد زیر استفاده کنید:

Text-shadow:0px 0px 5px #000;

اگر سوالی بود حتما در قسمت نظرات مطرح کنید.

8 پاسخ به “سایه دادن به المان ها در وب به کمک CSS”

  1. ش می‌گه:

    ممنون. خوب توضیح دادی
    خسته نباشی

  2. Tiger می‌گه:

    ســـــــــــلام
    ممنون بابت سایت خوبتون راستشو بخواین من طراح سایتم ولی فقط پی اچ پی رو بلدم گفتم یه سری به زبان سی اس اس بزنم یاد بگیرم کداشو دیدم
    خیلی حال کردم آخه راحته ممنون بابت سایت آموزشیتون

  3. فرهاد می‌گه:

    سلام. ممنون از آموزش خوبتون. می خواستم بپرسم از این روش می شه تو شفاف سازی عکس هم استفاده کرد یا نه؟

  4. مهدی می‌گه:

    خیلی خیلی عالی بود مرسی. دمت گرم خیلی به کارم اومد

پاسخ دهید

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *

آخرین محصولات فروشگاه
برخی مطالب تصادفی مای دیزاین
ساخت استایل برای صفحه پرینت سایت
نمایش مطالب از دسته بندی خاص در وردپرس
قالب سه ستونه بنفش وردپرس
مای دیزاین شروع به کار کرد
قالب های وردپرس را قورت دهید!
خاصیت transform در سی اس اس