تبلیغات

سورس انیمیشن Shake برای CSS

سورس انیمیشن Shake برای CSS

در این پست از سایت فول کده سورس سی اس اسی را برای شما آماده کرده ایم که به وسیله آن می توانید انیمیشن Shake را اعمال نمایید.

کد CSS اصلی

.face:hover {
  animation: shake 0.82s cubic-bezier(.36,.07,.19,.97) both;
  transform: translate3d(0, 0, 0);
  backface-visibility: hidden;
  perspective: 1000px;
}

@keyframes shake {
  10%, 90% {
    transform: translate3d(-1px, 0, 0);
  }
  
  20%, 80% {
    transform: translate3d(2px, 0, 0);
  }

  30%, 50%, 70% {
    transform: translate3d(-4px, 0, 0);
  }

  40%, 60% {
    transform: translate3d(4px, 0, 0);
  }
}

باکس دانلود نیم‌بها

  • پسورد (در صورت نیاز) www.fullkade.com

درباره نویسنده

هادی اکبرزاده

[ مدیر فول کده ]

علاقه‌مند به اشتراک‌گذاری اطلاعات در هر زمینه‌ای که امکانش باشه 🙃

پاسخ دهید

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *

نظرات ثبت شده بدون دیدگاه

توضیحات دانلود نظرات اشتراک