رفتن به مطلب

آموزش افکت چرخشی و بزرگ کردن آواتار در انجمن


ارسال‌های توصیه شده

سلام

کد زیر را در فایل costum.css قرار دهید.

 

.ipsUserPhoto_tiny:hover {
    -moz-transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    transform: scale(2) rotate(-360deg);
    -webkit-transform: scale(2) rotate(-360deg);
    -moz-transform: scale(2) rotate(-360deg);
    -o-transform: scale(2) rotate(-360deg);
    -ms-transform: scale(2) rotate(-360deg);
}

 

و تمام

 

شکل خروجی به صورت زیر می باشد.

 

58cfc51b5a728_Honeycam2017-03-2012-59-51.gif.0888ac425c030c0c8091225bab3de362.gif.0e2b884b4fe5d0988e366943d940d2ef.gif

ویرایش شده توسط Mohammad Mz
  • پسند 2
  • تشکر 1
لینک ارسال
به اشتراک گذاری در سایت های دیگر

  • کاربران آنلاین در این صفحه   0 کاربر

    • هیچ کاربر عضوی،در حال مشاهده این صفحه نیست.
×
×
  • اضافه کردن...