mirror of
https://github.com/micku7zu/vanilla-tilt.js
synced 2024-06-09 01:02:13 +02:00
Update Readme
This commit is contained in:
parent
04a1a4dd84
commit
a617ac14d8
24
README.md
24
README.md
|
@ -21,15 +21,19 @@ A smooth 3D tilt javascript library forked from [Tilt.js (jQuery version)](https
|
|||
### Options
|
||||
```js
|
||||
{
|
||||
reverse: false, // reverse the tilt direction
|
||||
max: 35, // max tilt rotation (degrees)
|
||||
perspective: 1000, // Transform perspective, the lower the more extreme the tilt gets.
|
||||
scale: 1, // 2 = 200%, 1.5 = 150%, etc..
|
||||
speed: 300, // Speed of the enter/exit transition
|
||||
transition: true, // Set a transition on enter/exit.
|
||||
axis: null, // What axis should be disabled. Can be X or Y.
|
||||
reset: true // If the tilt effect has to be reset on exit.
|
||||
easing: "cubic-bezier(.03,.98,.52,.99)", // Easing on enter/exit.
|
||||
reverse: false, // reverse the tilt direction
|
||||
max: 35, // max tilt rotation (degrees)
|
||||
perspective: 1000, // Transform perspective, the lower the more extreme the tilt gets.
|
||||
scale: 1, // 2 = 200%, 1.5 = 150%, etc..
|
||||
speed: 300, // Speed of the enter/exit transition
|
||||
transition: true, // Set a transition on enter/exit.
|
||||
axis: null, // What axis should be disabled. Can be X or Y.
|
||||
reset: true // If the tilt effect has to be reset on exit.
|
||||
easing: "cubic-bezier(.03,.98,.52,.99)", // Easing on enter/exit.
|
||||
glare: false // if it should have a "glare" effect
|
||||
"max-glare": 1, // the maximum "glare" opacity (1 = 100%, 0.5 = 50%)
|
||||
"glare-prerender": false // false = VanillaTilt creates the glare elements for you, otherwise
|
||||
// you need to add .js-tilt-glare>.js-tilt-glare-inner by yourself
|
||||
}
|
||||
```
|
||||
|
||||
|
@ -86,4 +90,4 @@ Original library author: [Gijs Rogé](https://twitter.com/GijsRoge)
|
|||
|
||||
### License
|
||||
|
||||
MIT License
|
||||
MIT License
|
||||
|
|
|
@ -1,4 +1,8 @@
|
|||
# vanilla-tilt.js
|
||||
|
||||
[![npm version](https://badge.fury.io/js/vanilla-tilt.svg)](https://badge.fury.io/js/vanilla-tilt)
|
||||
[![ghit.me](https://ghit.me/badge.svg?repo=micku7zu/vanilla-tilt.js)](https://ghit.me/repo/micku7zu/vanilla-tilt.js)
|
||||
|
||||
A smooth 3D tilt javascript library forked from [Tilt.js (jQuery version)](https://github.com/gijsroge/tilt.js).
|
||||
|
||||
[View landing page (demos)](https://micku7zu.github.io/vanilla-tilt.js/)
|
||||
|
@ -17,15 +21,17 @@ A smooth 3D tilt javascript library forked from [Tilt.js (jQuery version)](https
|
|||
### Options
|
||||
```js
|
||||
{
|
||||
reverse: false, // reverse the tilt direction
|
||||
max: 35, // max tilt rotation (degrees)
|
||||
perspective: 1000, // Transform perspective, the lower the more extreme the tilt gets.
|
||||
scale: 1, // 2 = 200%, 1.5 = 150%, etc..
|
||||
speed: 300, // Speed of the enter/exit transition
|
||||
transition: true, // Set a transition on enter/exit.
|
||||
axis: null, // What axis should be disabled. Can be X or Y.
|
||||
reset: true // If the tilt effect has to be reset on exit.
|
||||
easing: "cubic-bezier(.03,.98,.52,.99)", // Easing on enter/exit.
|
||||
reverse: false, // reverse the tilt direction
|
||||
max: 35, // max tilt rotation (degrees)
|
||||
perspective: 1000, // Transform perspective, the lower the more extreme the tilt gets.
|
||||
scale: 1, // 2 = 200%, 1.5 = 150%, etc..
|
||||
speed: 300, // Speed of the enter/exit transition
|
||||
transition: true, // Set a transition on enter/exit.
|
||||
axis: null, // What axis should be disabled. Can be X or Y.
|
||||
reset: true // If the tilt effect has to be reset on exit.
|
||||
easing: "cubic-bezier(.03,.98,.52,.99)", // Easing on enter/exit.
|
||||
"max-glare": 1,
|
||||
"glare-prerender": false
|
||||
}
|
||||
```
|
||||
|
||||
|
@ -82,4 +88,4 @@ Original library author: [Gijs Rogé](https://twitter.com/GijsRoge)
|
|||
|
||||
### License
|
||||
|
||||
MIT License
|
||||
MIT License
|
||||
|
|
Loading…
Reference in a new issue