css - 光标指向左下角

Question

div{
    width:200px; height:200px; background:red;
    cursor:url(images/eyedropper.png) 25 25, auto;
}


<div></div>

我有一个像上面一样的光标吸管图像

我的问题是这个图像指向左下角，但光标默认指向左上角。有什么方法可以将指针更改为左下角或移动背景图像吗？

Answer 1

如果不是那么必要，你可以在 photoshop 中改变它的方向如果你想改变方向使用变换旋转并根据需要设置 Angular

  div{
        width:200px; height:200px; background:red;
        position:relative;
    }
.cursor{ position:absolute;cursor:url(images/eyedropper.png) 25 25, auto;
            transform: rotate(90deg);}

<div> <div class="cursor"></div></div>