/ آموزش اضافه کردن کد بزرگ شدن تصاویر به صورت مستطیل css  [ اختصاصی ویکی وی بی ]
وندا هاست
طراحی و راه اندازی وبسایت و انجمن توسط ویکی وی بی ویکی وی بی در قبال معاملات صورت گرفته با هر یک از اعضا و سفارشات طراحی خارج از این اطلاعیه هیچگونه مسئولیتی نمی پذیرد
بک لینک ها
تبلیغات شما وندا هاست
نمایش نتایج: از 1 به 1 از 1

مقاله: آموزش اضافه کردن کد بزرگ شدن تصاویر به صورت مستطیل css [ اختصاصی ویکی وی بی ]

    1. آموزش اضافه کردن کد بزرگ شدن تصاویر به صورت مستطیل css [ اختصاصی ویکی وی بی ]

      آموزش اضافه کردن کد بزرگ شدن تصاویر به صورت مستطیل css [ اختصاصی ویکی وی بی ]

      درود !

      در اینجا کدی براتون آماده کردم که با این کد تصاویر به صورت مستطیل و بزرگ میشوند !

      خواهش میکنم اگر کسی این کد رو قرار داد تو انجمن برای بنده ارسال کنه تا به صورت دمو تو این پست بزارم !

      برای این کار کافیه کد های زیر رو به انتهای ادیشنال اضافه کنید .

      کد:
      @=================================================
      @Coded By B.A.B.A.K
      @=================================================
      
      <style>
      img{
      
      -webkit-transform:scale(0.9); /*Webkit: Scale down image to 0.8x original size*/
      
      -moz-transform:scale(0.9); /*Mozilla scale version*/
      
      -o-transform:scale(0.9); /*Opera scale version*/
      
      -webkit-transition-duration: 0.5s; /*Webkit: Animation duration*/
      
      -moz-transition-duration: 0.5s; /*Mozilla duration version*/
      
      -o-transition-duration: 0.5s; /*Opera duration version*/
      
      opacity: 0.7; /*initial opacity of images*/
      
      margin: 0 10px 9px 0; /*margin between images*/
      
      }
      
      img:hover{
      
      -webkit-transform:scale(1.1); /*Webkit: Scale up image to 1.2x original size*/
      
      -moz-transform:scale(1.1); /*Mozilla scale version*/
      
      -o-transform:scale(1.1); /*Opera scale version*/
      
      box-shadow:0px 0px 30px gray; /*CSS3 shadow: 30px blurred shadow all around image*/
      
      -webkit-box-shadow:0px 0px 30px gray; /*Safari shadow version*/
      
      -moz-box-shadow:0px 0px 80px gray; /*Mozilla shadow version*/
      
      opacity: 1;
      
      -webkit-transform: rotate(-10deg);
      
      }
      </style>
      
      
      @=================================================
      @Coded By B.A.B.A.K
      @=================================================

      • + سازگاری با تمامی مرورگر ها


      موفق و پیروز باشید . مرجع تخصصی و رایگان ویبولتین در ایران | ویکی وی بی
      ویرایش توسط B.A.B.A.K : 12-11-2014 در ساعت 03:41 PM
      چنانچه این مطلب مورد پسند شما واقع شده بر روی کلیک کنید .

      2 نفر از اعضا پست B.A.B.A.K را پسندیده اند


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

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

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

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

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

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