[how to make a image follow my cursor.]

I can't get the images to be over the cursor, what is wrong?

 

code sandbox

 

ty all!

[CSSRulePlugin return undefined in NEXTJS(REACT) when i try get element using className]

thx u @Rodrigo i can solved!

[CSSRulePlugin return undefined in NEXTJS(REACT) when i try get element using className]

I import

import {CSSRulePlugin} from "gsap/dist/CSSRulePlugin"

and register them

gsap.registerPlugin(CSSRulePlugin);

 

im trying get rules..

```

 

useEffect(() => {
  
      const rule = CSSRulePlugin.getRule(`.listItem:before`);

      console.log(rule); //undefined
      r.current = rule;
    
  }, []);

 

if i try get only using :before all works...

 

 <ListItem
                _before={{
                  position: "absolute",
                  bottom: 0,
                  left: 0,
                  right: 0,
                  height: "1px",
                  content: "''",
                  backgroundColor: "white",
                  transform: "scaleX(0)",
                }}
                className="listItem"
                onMouseEnter={onHoverList}
                onMouseLeave={onLeaveList}
              >
                Developers
              </ListItem>

some ideas?