-1

This is my code:

.cursor:hover {
    color: blue;
  cursor: url ("../img/cursor.jpeg"),pointer;
}
<div class="grid cursor">
    <div style="display:grid; background-color: deeppink; position: relative; margin:     10px; grid-area: product1; "><div style="position: absolute; margin: 0px;height: 146.66px;" class="griditem2">product 1</div></div>
    <div style="display:grid; background-color: orangered; margin: 10px; grid-area: product2;"><div class="griditem">product 2</div></div>
    <div style="display:grid; background-color: deeppink; margin: 10px; grid-area: product3;"><div class="griditem2">product 3</div></div>
    <div style="display:grid; background-color: orangered; margin: 10px; grid-area: product4;"><div class="griditem">product 4</div></div>
    <div style="display:grid; background-color: deeppink; margin: 10px; grid-area: product5;"><div class="griditem2">product 5</div></div>
    <div style="display:grid; background-color: orangered; margin: 10px;grid-area:  product6"><div class="griditem">product 6</div></div>
</div>
Elikill58
  • 4,050
  • 24
  • 23
  • 45
your statistics
  • 1
  • Does this answer your question? [Using external images for CSS custom cursors](https://stackoverflow.com/questions/18551277/using-external-images-for-css-custom-cursors) – esqew Feb 27 '22 at 14:19
  • Can you explain what is your issue exactly ? – Elikill58 Feb 27 '22 at 14:21

1 Answers1

0

I think you have a space between url and your parenthesis that's causing the problem.

Try cursor: url("../img/cursor.jpeg"), pointer;

Carlos Rodriguez
  • 11
  • 4