使用CSS旋转鼠标光标图标

Question

我有一个可以调整大小和旋转的对象。

该对象可以与8个不同的 '句柄' 被调整大小：S，SE，NE，N，NW，W，SE 我已经设置了光标上与内置在游标手柄：s_resize，n_resize等

问题是当旋转对象时，调整大小的光标不能反映调整大小手柄的方向。

我需要做的是以某种方式旋转光标的对象的角度。

有没有一些方法使用CSS来做到这一点？

我讨厌使用自定义光标每个角度图标...

Answer 1

也有标准游标东北，西北，东南和西南：

cursor: ne-resize (an arrow pointing northeast) 
cursor: nw-resize (an arrow pointing northwest) 
cursor: se-resize (an arrow pointing southeast) 
cursor: sw-resize (an arrow pointing southwest) 

见http://www.htmlgoodies.com/beyond/css/article.php/3470321。

如果这些都不够好，我怕你可能会使用自定义图像作为图标，e.g：

.custom { 
    cursor: url(images/my-cursor.png), auto; 
}