BUG: high radius values break the blob
webdev69420 opened this issue · 0 comments
webdev69420 commented
When setting high pixel values (like 100px for example, to try and get a round radius), the blob kind of breaks: it becomes a weird shape when hovering focusable elements.
Here's my config:
const blobity = new Blobity({
color: "#FF0000",
zIndex: 1,
opacity: 1,
size: 40,
focusableElements: ".oj-c-Credits-btnContainer, .oj-c-Doom-tooltipContainer, .oj-c-Input, .oj-c-Btn",
focusableElementsOffsetX: 10,
focusableElementsOffsetY: 10,
invert: false,
dotColor: "#FFF",
dotSize: 8,
magnetic: true,
mode: "normal", // normal, slow, bouncy
radius: 100,
font: "Space Grotesk, sans-serif",
fontWeight: 700,
fontSize: 40,
fontColor: "#000",
tooltipPadding: 12
});
The result: screen capture of the issue