From c1c03594bb6c9650126c6a79bc12308787630bf1 Mon Sep 17 00:00:00 2001 From: Sheryl Hohman Date: Sun, 20 Feb 2022 15:37:14 -0800 Subject: [PATCH] typos: in docs for options object (#105) * fix typo on examples page * typo: same as my PR to main branch for README.md * typos: missing commas in options object * typos: fix comments alignment in options object (probably introduced at some point when adding in missing commas) --- README.md | 16 ++++++++-------- index.html | 16 ++++++++-------- 2 files changed, 16 insertions(+), 16 deletions(-) diff --git a/README.md b/README.md index 19ec68a..8eabc86 100644 --- a/README.md +++ b/README.md @@ -28,17 +28,17 @@ A smooth 3D tilt javascript library forked from [Tilt.js (jQuery version)](https 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. + 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 + 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 - "mouse-event-element": null // css-selector or link to an HTML-element that will be listening to mouse events - gyroscope: true // Boolean to enable/disable device orientation detection, - gyroscopeMinAngleX: -45 // This is the bottom limit of the device angle on X axis, meaning that a device rotated at this angle would tilt the element as if the mouse was on the left border of the element; - gyroscopeMaxAngleX: 45 // This is the top limit of the device angle on X axis, meaning that a device rotated at this angle would tilt the element as if the mouse was on the right border of the element; - gyroscopeMinAngleY: -45 // This is the bottom limit of the device angle on Y axis, meaning that a device rotated at this angle would tilt the element as if the mouse was on the top border of the element; + // you need to add .js-tilt-glare>.js-tilt-glare-inner by yourself + "mouse-event-element": null, // css-selector or link to an HTML-element that will be listening to mouse events + gyroscope: true, // Boolean to enable/disable device orientation detection, + gyroscopeMinAngleX: -45, // This is the bottom limit of the device angle on X axis, meaning that a device rotated at this angle would tilt the element as if the mouse was on the left border of the element; + gyroscopeMaxAngleX: 45, // This is the top limit of the device angle on X axis, meaning that a device rotated at this angle would tilt the element as if the mouse was on the right border of the element; + gyroscopeMinAngleY: -45, // This is the bottom limit of the device angle on Y axis, meaning that a device rotated at this angle would tilt the element as if the mouse was on the top border of the element; gyroscopeMaxAngleY: 45 // This is the top limit of the device angle on Y axis, meaning that a device rotated at this angle would tilt the element as if the mouse was on the bottom border of the element; } diff --git a/index.html b/index.html index 9d85a38..4478d57 100644 --- a/index.html +++ b/index.html @@ -145,19 +145,19 @@ 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. + 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 + 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 - "mouse-event-element": null, // css-selector or link to HTML-element what will be listen mouse events + "mouse-event-element": null, // css-selector or link to HTML-element what will be listen mouse events // you need to add .js-tilt-glare>.js-tilt-glare-inner by yourself - gyroscope: true, // Boolean to enable/disable device orientation detection, - gyroscopeMinAngleX: -45, // This is the bottom limit of the device angle on X axis, meaning that a device rotated at this angle would tilt the element as if the mouse was on the left border of the element; - gyroscopeMaxAngleX: 45, // This is the top limit of the device angle on X axis, meaning that a device rotated at this angle would tilt the element as if the mouse was on the right border of the element; - gyroscopeMinAngleY: -45, // This is the bottom limit of the device angle on Y axis, meaning that a device rotated at this angle would tilt the element as if the mouse was on the top border of the element; - gyroscopeMaxAngleY: 45, // This is the top limit of the device angle on Y axis, meaning that a device rotated at this angle would tilt the element as if the mouse was on the bottom border of the element; + gyroscope: true, // Boolean to enable/disable device orientation detection, + gyroscopeMinAngleX: -45, // This is the bottom limit of the device angle on X axis, meaning that a device rotated at this angle would tilt the element as if the mouse was on the left border of the element; + gyroscopeMaxAngleX: 45, // This is the top limit of the device angle on X axis, meaning that a device rotated at this angle would tilt the element as if the mouse was on the right border of the element; + gyroscopeMinAngleY: -45, // This is the bottom limit of the device angle on Y axis, meaning that a device rotated at this angle would tilt the element as if the mouse was on the top border of the element; + gyroscopeMaxAngleY: 45, // This is the top limit of the device angle on Y axis, meaning that a device rotated at this angle would tilt the element as if the mouse was on the bottom border of the element; }

JS Way