• EN
    English (US)
    Deutsch
    Español
    Français
    Português (BR)
    简体中文
    لعربية (ae)
  • 4
    Notitications

    • Delivery processing 10 min.

    • Order Complete1 hr

    • Tickets Generated3 hr

    • Delivery Complete6 hr

    • Check all
  • Bookmark
  • 2
    Cart
    • Furniture Chair for Home
      $500
    • Furniture Chair for Home
      $500.00
    • Order Total : $1000.00
    • Go to your cartCheckout
  • Messages
    • Teressa

      Reference site about Lorem Ipsum, give information on its origins.

      3 hours ago

      2
    • Kori Thomas

      Lorem Ipsum is simply dummy give information on its origins....

      1 hr ago

      2
    • Ain Chavez

      Lorem Ipsum is simply dummy...

      32 mins ago

      2
    • View All
  • Emay Walter

    Admin

Tilt Animation

  2. Animation
  3. Tilt Animation
Parallax hover tilt effect
The most basic usage:
  • <script src="tilt.jquery.js"></script>
  • Mark your elements with <span data-tilt"></span>
Parallax hover tilt effect
How to Use:
  1. A tiny requestAnimationFrame powered 60+fps lightweight parallax hover tilt effect for jQuery.
  2. Add transform-style: preserve-3d to your tilt element.
  3. Add transform: translateZ(20px) to your inner elements that have to pop out.
Glare effect:
How to Use:
Setting this option will enable a glare effect. You can tweak the glare value with {'maxGlare': .5} 
$('.js-tilt').tilt({
      glare: true,maxGlare: .5
})
Keep floating:
How to Use:
Setting this option will not reset the tilt element when the user mouse leaves the element. 
$('.js-tilt').tilt({
       reset: false
})
Scale on hover
How to Use:
Setting this option will scale tilt element on hover. 
$('.js-tilt').tilt({
       scale: 1.2
})
Disable Y axis
The most basic usage:
Setting this option will disable the Y-Axis on the tilt element. 
$('.js-tilt').tilt({
       axis: x
})
Disable X axis
The most basic usage:
Setting this option will disable the X-Axis on the tilt element. 
$('.js-tilt').tilt({
        axis: Y
})