Comments (7)
I've been having the same issue. Whenever the Tilt component is moved in any way, it's animation gets offset and moves in a weird way.
from react-parallax-tilt.
Hi @senwmn @sher-s7, I'm glad you like the package, thanks for providing detailed bug report with reproducible demo link!
Bug fix is merged and deployed in the newest version 1.4.76
, please check and confirm if it's working for you as expected?
from react-parallax-tilt.
@mkosir Thanks! It's working, but there are two other problems now:
- On page load the tilt components have a glare on them until you hover over them
- When the tilt components move the animation isn't offset anymore (thank you), but the components do have a slight tilt
Here's a video of those two problems
ezgif.com-crop.mp4
from react-parallax-tilt.
@sher-s7 Big thanks for provided demo 👍 , I was able to pinpoint the issue.
Please check if the latest release 1.4.78
is working for you as expected?
from react-parallax-tilt.
@sher-s7 thank you for the video, it clearly shows the issue you are having, but I'm unable to reproduce it. Could you please create and share a demo link?
from react-parallax-tilt.
@mkosir This is slightly similar https://codesandbox.io/s/gifted-river-vjhhj?file=/src/App.js
After pushing the tilt components down you can see they get rotated, but work fine after hovering over them
from react-parallax-tilt.
@mkosir Wow, that's perfect. Thank you very much for the fix 👌
from react-parallax-tilt.
Related Issues (18)
- Only one Tilt works at a time HOT 2
- gyroscope not working on safari HOT 2
- Don't log Device Orientation as an error HOT 3
- Custom transitionSpeed value cancelled after certain time or mousevents HOT 2
- Glare prevents clicks HOT 2
- glareReverse not working HOT 2
- Glare on rectangle shape HOT 2
- Cannot read property 'style' of null HOT 7
- Doesn't support rounded edges (or other glare props) HOT 6
- Full page listening? HOT 1
- If the functional component re-render it takes random position HOT 2
- Missing type declarations HOT 2
- How do I make initial position is tilted to signal affordance? HOT 3
- Unable to use on node v17/v18 HOT 2
- Uncaught runtime errors HOT 2
- Tilt causes crash in Next.js HOT 3
- Initial tilt doesn't work (tilts to a random XY on refresh) HOT 3
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from react-parallax-tilt.