#

Origin Software Engineering


  (248) 508-9338    [email protected]

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:

A tiny requestAnimationFrame powered 60+fps lightweight parallax hover tilt effect for jQuery.

Add transform-style: preserve-3d to your tilt element.

Add transform: translateZ(20px) to your inner elements that have to pop out.

Parallax hover tilt 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 })

Parallax hover tilt effect

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

How to Use:

Setting this option will disable the Y-Axis on the tilt element.

$('.js-tilt').tilt({   axis: x })

Disable Y axis

How to Use:

Setting this option will disable the Y-Axis on the tilt element.

$('.js-tilt').tilt({   axis: x })

Chat with us

Sunday, 12 January

Hi! Welcome . How can I help you?

Hello