#5
Glare fade-out unaffected by tilt-spring-options
Glare disappears almost immediately after pointer leaves the card even though the card keeps rotating/settling when using low damping in tilt-spring-options combined with fast (or no) spring-options.
Steps to reproduce
-
Use a card with noticeable glare.
-
Set fast activation spring and slow tilt spring, e.g.:
<hover-tilt
tilt-factor="1.75"
spring-options='{"stiffness": 0.5, "damping": 0.5}'
tilt-spring-options='{"stiffness": 0.5, "damping": 0.025}'
glare-intensity="1.2"
>
...
</hover-tilt>- Move pointer quickly in/out.
Expected behavior
Glare fade timing should stay visually coherent with residual spring and tilt motion, therefore be affected by both spring-options and tilt-spring-options (whichever takes longer).
Actual behavior
Glare fades out almost immediately, independent of ongoing tilt spring motion.
Environment
hover-tilt loaded from CDN: https://cdn.jsdelivr.net/npm/hover-tilt/dist/hover-tilt.js Reproduced in Firefox (147)
I'll take a look when I can ... typically the glare should be bound to mouse, but settle to center on exit, and be sprung by the tilting options as it's a reflection. if you figured it out, or made a work-around, please share.
Apologies for taking so long to get to this, I didnt get any notifications for some reason :/