تبلیغات در اینترنت

تبلیغات در اینترنتگیفت کارت گوگل پلی
نمایش نتایج: از 1 به 2 از 2

موضوع: آموزش ایجاد کردن سایه در باکس ها در CSS3

  1. Top | #1
    کاربر سایت

    تاریخ عضویت
    Nov 2011
    ورژن ویبولتین
    6.X.X
    نوشته ها
    607
    مورد پسند
    384 بار
    اطلاعات
    Windows 7/Server 2008 R2 Chrome 22.0.1215.0
    میزان امتیاز
    73

    پیش فرض آموزش ایجاد کردن سایه در باکس ها در CSS3

    درود
    در این آموزش به ایجاد کردن سایه در باکس ها در CSS3 می پردازیم.


    کد:
    #box-shadow{
    width:200px;
    height:200px;
    background-color:#99CCFF;
    -moz-box-shadow: 10px 10px 5px #888888;              
    -webkit-box-shadow: 10px 10px 5px #888888;           
    -o-box-shadow: 10px 10px 5px #888888;                
    -ms-box-shadow: 10px 10px 5px #888888;              
    box-shadow: 10px 10px 5px #888888 ;
    border-radius:10px;
    }
    10px :اگر این عدد مثبت باشد سایه به طرف راست مایل می گردد و اگر این عدد منفی باشد سایه به طرف چپ مایل می گردد.

    10px :اگر این عدد مثبت باشد سایه به طرف پایین مایل می گردد و اگر این عدد منفی باشد سایه به طرف بالا مایل می گردد.

    5px :مقدار محو شدن سایه.

    #888888 :کد رنگ سایه که به صورت HEX و RGB می توانید استفاده کنید.



    برای ایجاد کردن سایه در داخل باکس inset را در قسمت مشخص شده قرار دهید.
    کد:
    #box-shadow1{
    width:200px;
    height:200px;
    background-color:#99CCFF;
    -moz-box-shadow: 10px 10px 5px #888888;              /*Firefox*/
    -webkit-box-shadow: 10px 10px 5px #888888;           /*Safari and Chrome*/  
    -o-box-shadow: 10px 10px 5px #888888;                /*Opera*/
    -ms-box-shadow: 10px 10px 5px #888888;               /*IE9*/
    box-shadow: 10px 10px 5px #888888 inset;
    border-radius:10px;
    }

    با تشکر.
    ویرایش توسط software : 2012/08/14 در ساعت 07:25 PM

    4 تشکر توسط:





  2. گیفت کارت آیتونز

  3. Top | #2

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

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

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

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

  1. آموزش چرخیدن تصویر در CSS3
    توسط software در انجمن آموزش CSS بصورت ساده و حرفه ای
    پاسخ: 14
    آخرين نوشته: 2012/11/09, 06:49 PM
  2. آموزش محو کردن [Blur] متن با CSS3
    توسط Mr.Ramin در انجمن آموزش CSS بصورت ساده و حرفه ای
    پاسخ: 6
    آخرين نوشته: 2012/09/09, 06:47 PM
  3. [CSS3] آموزش ساخت باکس زیبا به شکل روبان
    توسط Mr.Ramin در انجمن آموزش CSS بصورت ساده و حرفه ای
    پاسخ: 0
    آخرين نوشته: 2012/08/07, 10:29 PM
  4. [آموزش] پس زمینه گرادینت در CSS3
    توسط Mohsen Neo در انجمن آموزش CSS بصورت ساده و حرفه ای
    پاسخ: 1
    آخرين نوشته: 2012/08/07, 05:26 PM
  5. [آموزش] سایه ی جعبه در CSS3
    توسط Mohsen Neo در انجمن آموزش CSS بصورت ساده و حرفه ای
    پاسخ: 0
    آخرين نوشته: 2012/07/02, 01:08 AM

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

علاقه مندی ها (Bookmarks)

علاقه مندی ها (Bookmarks)

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

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