使用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; 
}