انیمیشن tilt

  2. انیمیشن
  3. انیمیشن tilt
افکت شیب شناور اختلاف منظر
ابتدایی ترین کاربرد:
  • <script src="tilt.jquery.js"></script>
  • عناصر خود را علامت گذاری کنید با <span data-tilt"></span>
افکت شیب شناور اختلاف منظر
نحوه استفاده:
  1. یک درخواست کوچک AnimationFrame با سرعت 60+ فریم در ثانیه سبک وزن افکت شیب اختلاف منظر برای jQuery.
  2. افزودن transform-style: preserve-3d به عنصر شیب خود
  3. افزودن transform: translateZ(20px) به عناصر درونی شما که باید بیرون بیایند.
افکت تابش خیره کننده :
نحوه استفاده:
تنظیم این گزینه یک افکت خیره کننده را فعال می کند. می‌توانید مقدار تابش نور را با {'maxGlare': .5} تغییر دهید 
$('.js-tilt').tilt({
      glare: true,maxGlare: .5
})
شناور باشید :
نحوه استفاده:
با تنظیم این گزینه، زمانی که ماوس کاربر از عنصر خارج می شود، عنصر شیب بازنشانی نمی شود. 
$('.js-tilt').tilt({
       reset: false
})
مقیاس در هاور
نحوه استفاده:
با تنظیم این گزینه، عنصر شیب در شناور مقیاس بندی می شود. 
$('.js-tilt').tilt({
       scale: 1.2
})
محور Y را غیرفعال کنید
ابتدایی ترین کاربرد:
با تنظیم این گزینه، Y-Axis در عنصر tilt غیرفعال می شود. 
$('.js-tilt').tilt({
       axis: x
})
محور X را غیرفعال کنید
ابتدایی ترین کاربرد:
با تنظیم این گزینه، X-Axis در عنصر tilt غیرفعال می شود. 
$('.js-tilt').tilt({
        axis: Y
})