mkosir / react-parallax-tilt

πŸ‘€ Easily apply tilt hover effect on React components - lightweight/zero dependencies (3kB)

Home Page:https://mkosir.github.io/react-parallax-tilt

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

glareReverse not working

MelodicCrypter opened this issue Β· comments

πŸ› Issue/Bug Report Template

Describe the bug
If glareReverse is enabled it won't work. The glare would never show. If I change the glarePosition to "bottom" or "top", as long as it is not set to "all", the glare would come back but it is not reversed still.

Expected behavior
If you hover on the top-right, the glare should be at the bottom areas.

Code snippets
Inside React app...

return (
    <div className="wrapper">
        <Tilt glareReverse glareEnable glareMaxOpacity={0.4} glareColor="#ffffff" glarePosition="all">
            <img src="./testImage.jpg" />
        </Tilt>
    </div>
  );

Inside the scss file...

.wrapper {
  padding: 1px;
  width: 90%;
  height: auto;
  margin: 0 auto;
  border-radius: 10px;

  img {
    width: 100%;
    border-radius: 9px
  }
}

Environment

  • Browser: Chrome
  • Version: "react-parallax-tilt": 1.4.66
  • ...

Additional context
Add any other context about the problem here.

Hi @MelodicCrypter, thanks for the bug report.
Bug fix is merged and deployed in the newest version 1.4.74, can you check if it's working for you as expected (or add reproducible demo link)?

Closing this issue since inactivity, feel free to reopen it!