+ ارسال موضوع جدید
نمایش نتایج: از شماره 1 تا 1 , از مجموع 1

موضوع: افکت قرار دادن سایه در بالای تگ body

  1. #1
    ناظم انجمن

    http://www.iranjoman.com/images/iranjoman/neshan2.gifhttp://www.iranjoman.com/images/iranjoman/neshan2.gifhttp://www.iranjoman.com/images/iranjoman/neshan2.gifhttp://www.iranjoman.com/images/iranjoman/neshan2.gifhttp://www.iranjoman.com/images/iranjoman/neshan2.gif

    [ ]
    تاریخ عضویت
    Feb 2013
    محل سکونت
    زیر اسمون خدا...
    نوشته ها
    16,534
    تشکر
    13,809
    تشکر شده 13,049 بار در 9,484 پست

    New2 افکت قرار دادن سایه در بالای تگ body





    امروز میخوام یک تکنیک ساده اما جالب رو براتون معرفی کنم که با استفاده از اون میشه افکتی زیبا برای سایتتون ایجاد کنید.
    این افکت باعث میشه که قبل از تگ body (بالای تگ body) یک سایه ایجاد بشه ، که باعث میشه سایتتون زیباتر جلوه داده بشه.در تصویر زیر میتونید پیش نمایش اون رو مشاهده کنید. در تصویر با استفاده از فلش اون سایه ای که ایجاد میشه رو نشون دادم.

    خب برای اینکار فقط کافیه که کدهای CSS زیر رو در کدهاتون قرار بدین :
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    body:before {
    content: "";
    position: fixed;
    top: -10px;
    left: 0;
    width: 100%;
    height: 10px;

    -webkit-box-shadow: 0px 0px 10px rgba(0,0,0,.8);
    -moz-box-shadow: 0px 0px 10px rgba(0,0,0,.8);
    box-shadow: 0px 0px 10px rgba(0,0,0,.8);

    z-index: 100;
    }


    خب به این صورت افکت مورد نظر رو ایجاد کردیم










  2. کاربر مقابل از این پست *ADRIANA* تشکر کرده است.


+ ارسال موضوع جدید

اطلاعات موضوع

کاربرانی که در حال مشاهده این موضوع هستند

در حال حاضر 1 کاربر در حال مشاهده این موضوع است. (0 کاربران و 1 مهمان ها)

موضوعات مشابه

  1. «body language» (زبان حركات بدن ) چیست ؟
    توسط hazel در انجمن روانشناسی
    پاسخ ها: 4
    آخرين نوشته: 12-06-2011, 21:12
  2. درخواست مستند آموزشی The Body Atlas
    توسط shinjuku در انجمن دانلود فیلم آموزشی و مستند
    پاسخ ها: 0
    آخرين نوشته: 11-23-2011, 22:35
  3. اصول یادگیری زبان حرکات بدن (Body Language)
    توسط Hadi-sh در انجمن بدن و تندرستی
    پاسخ ها: 0
    آخرين نوشته: 10-10-2011, 12:57
  4. شناسه های مورد استفاده در تگ body
    توسط amin در انجمن برنامه نويسی Client Side
    پاسخ ها: 1
    آخرين نوشته: 03-19-2010, 04:24
  5. Face On Body Pro 2.40 نرم افزار تعویض چهره
    توسط moji5 در انجمن نرم افزار های گرافیکی
    پاسخ ها: 1
    آخرين نوشته: 07-31-2009, 01:36

تعداد اعضای بازدید کننده از این تایپیک : 0

بازدید کنندگان :  (نمایش کلی)

نامی برای نمایش وجود ندارد.

کلمات کلیدی این موضوع

Bookmarks

مجوز های ارسال و ویرایش

  • شما نمیتوانید موضوع جدیدی ارسال کنید
  • شما امکان ارسال پاسخ را ندارید
  • شما نمیتوانید فایل پیوست کنید.
  • شما نمیتوانید پست های خود را ویرایش کنید
  •