光标指向左下角

Question

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


<div></div>

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

我的问题是这个图像指向左下角，但是光标默认是指向左上角。有没有办法将指针改为左下角或移动背景图像？

Answer 1

如果没有必要，你可以在photoshop中改变它的方向 如果你想改变方向，请使用变换旋转并根据需要设置deg

  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>

Answer 2

通过CSS执行此操作的最佳方法是调整大小属性。

http://www.w3schools.com/cssref/pr_class_cursor.asp

如果我理解你，你必须添加

nw-resize;

到光标选择器。您可以尝试所有调整大小的函数以获得所需的效果。