کاربرد این انیمیشن برای لرزاندن یک شئ می باشد . 
با فرض استفاده از autoprefixer.

.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);
  }
}

بارگذاری بیشتر مطالب مرتبط
بارگذاری توسط تک آمــوز
بارگذاری در سی اس اس

پاسخ دهید

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

بهتر است بدانیــد!

چطور در وردپرس یک کاربر اضافه کنم با استفاده از FTP

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