How AnimeCursor's debug works

As debug: true setted, AnimeCursor will create an overlay that shows the pointer position and the actual size of the cursor.

Try hover this paragraph and check the pointer position(the corssing position of the two red lines).

Here is the example AnimeCursor setup:

new AnimeCursor({
    debug: true, // this is what this page is about
    cursors: {
        normal: {
            size: [32,32],
            image: '/i/cursor/cursor_default.gif',
            pixel: true,
            default: true
        },
        pointer: {
            size: [32,36],
            image: '/i/cursor/cursor_pointer.png',
            frames: 3,
            duration: 0.3,
            pingpong: true,
            offset: [10, 4],
            pixel: true
        },
        text: {
            tags: ['p','h1','h2','h3','h4','span','td','th','pre','code','footer','b'],
            size: [32,32],
            image: '/i/cursor/cursor_text.png',
            offset: [10, 16],
            pixel: true
        }
    }
})

This is a DIV element with

data-cursor="pointer"

So your cursor should be pointer when you hover it.

data-cursor can be set by AnimeCursor(init/refresh) or you(before deploy).

This is a DIV element with no

data-cursor

So according to the setup, the cursor will be normal as normal is the default cursor type.

This is a DIV element with P elements, but your cursor will not change to text when you hover these text elements.

That's because this DIV's childs have:

pointer-events: none

So nothing happened.

This is what things look like when debug is enabled.