Glare effect ignores rounded borders when used via React

Open

cmd-danielopened 10mo ago

This is what I'm using to currently to handle this

please let me know if there is a better way to do this.

<style>
  .glare-rounded::part(tilt)::before {
    border-radius: calc(var(--radius) + 4px);
  }
</style>

<hover-tilt class="glare-rounded"></hover-tilt>

Activity

klijakub6mo ago

@cmd-daniel any other ideas / fix? It's working but when I switch to other subpage and comeback it's not working

simeydotme4mo ago

Is this some kind of rendering bug, or a React Tree issue do you know? I will try to recreate when I can...

but the documentation for the radius and inheritance is here, with tailwind/regular examples; https://hover-tilt.simey.me/options/css/#styling-the-internals