/ آموزش ایجاد سایه داخلی(  InnerShadow  ) برای عناصر وب
وندا هاست
طراحی و راه اندازی وبسایت و انجمن توسط ویکی وی بی ویکی وی بی در قبال معاملات صورت گرفته با هر یک از اعضا و سفارشات طراحی خارج از این اطلاعیه هیچگونه مسئولیتی نمی پذیرد
بک لینک ها
فروش قالب وردپرس فروش فایل مشابه ژاکت وندا هاست
نمایش نتایج: از 1 به 2 از 2

موضوع: آموزش ایجاد سایه داخلی( InnerShadow ) برای عناصر وب

  1. #1
    amirashkan آنلاین نیست.
    amirashkan
    کاربر سايت
    8نوشته19مورد پسند

    تاریخ عضویت
    Nov 2012
    شماره عضویت
    46
    پسندیده است
    5 پست
    بلاگ
    0 پست
    میزان امتیاز
    29
    No Set

    آموزش ایجاد سایه داخلی( InnerShadow ) برای عناصر وب

    درود!

    با ادامه آموزش های سی اس اس3 در خدمت شما هستم!

    در این آموزش قصد دارم نحوه ایحاد سایه داخلی ( InnerShadow ) را آموزش دهم!

    برای این کار کادر یا عکس مورد نظرتان را در سی اس اس بیاورید!! :

    کد استایل:
    کد:
    .shadowin
    {
    width:220px;
    height:180px;
    background-color:#00c6ff;
    border-radius:15px;

    حالا برای ایجاد سایه داخل میتوانیم از کدbox-shadowاستفاده نماییم!!البته برای اینکه سایه در داخل کادر بیفتد پس از این کد،کد insetرا نیز قرار میدهیم.

    مثال:

    کد:
    box-shadow: inset 0 0 40px #000;

    پس کد استایل ما به این صورت خواهد شد:

    کد:
    .shadowin
    {
    width:220px;
    height:180px;
    background-color:#00c6ff;
    border-radius:15px;
    box-shadow: inset 0 0 40px #000;
    
    
    
    
    }

    و کد HTMLما نیز اینگونه خواهد بود:

    کد:
    <html>
    
    
    <head>
    
    
    <style type="text/css">
    
    
    
    
    
    
    .test
    {
    width:220px;
    height:180px;
    background-color:#00c6ff;
    border-radius:15px;
    box-shadow: inset 0 0 40px #000;
    
    
    
    
    }
    
    
    
    
    
    
    </style>
    
    
    
    
    </head>
    
    
    
    
    <body>
    
    
    <div class="test">
    
    
    </div>
    
    
    
    
    
    
    
    
    </body>
    
    
    </html>

    امیدوارم این آموزش مورد پسند شما عزیزان قرار بگیرد!
    منتظر آموزش های بعدی باشید...!



    {در ضمن این آموزش ها به صورت اختصاصی از ویکی وی بی منتشر میشود!لطفا کپی رایت را رعایت کنید!}

    4 نفر از اعضا پست amirashkan را پسندیده اند



  2. نوين وردپرس تبلیغات شما

  3. #2
    WikiVB آنلاین نیست.
    WikiVB
    مديريت کل انجمن
    5,839نوشته26,611مورد پسند

    تاریخ عضویت
    Oct 2012
    شماره عضویت
    1
    پسندیده است
    8,003 پست
    بلاگ
    0 پست
    میزان امتیاز
    26488
    wikivb.ir
    ترفند :
    اگر خواستید هم سایه دخلی داشته باشید هم بیرونی box-shadow رو به صورت معمولی بدید ( inset نباشه ) بعدش بکگراند رو به صورت گرادینت بدید .

    2 نفر از اعضا پست WikiVB را پسندیده اند



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

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

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

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

مرجع تخصصی و رایگان ویبولتین در ایران | ویکی وی بی مجوز های ارسال و ویرایش

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