Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Gyroscope causes flicker on Chrome 76. #59

Open
sergchernata opened this issue Sep 10, 2019 · 1 comment
Open

Gyroscope causes flicker on Chrome 76. #59

sergchernata opened this issue Sep 10, 2019 · 1 comment

Comments

@sergchernata
Copy link

There is visible flickering on our project as well as your own home page that seems to stem from gyroscope feature being enabled on desktop computers. Disabling fixes the issue.

Chrome 76 on Mac with version 1.7.0.

9d7aa4a11a71a6e68e2b6ec5152babb3

@prathameshkoshti
Copy link

I had this issue while working on my portfolio. I solved it by adding backface-visiblility: hidden to .js-tilt-glare-inner class and it solved my problem.

I did test it on Chrome 80, Google Chrome Canary 83, Safari 13.1, Firefox Dev edition 75 and Firefox after fixing the issue. The only difference I noticed is that glare amount in Safari is displayed exactly as the mentioned in the code whereas in Firefox and Chrome visible glare was 1/3rd of the actual glare amount. So for that you can set max-glare greater than .5 to get the desired result.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

2 participants