css - 使用 CSS 旋转鼠标光标图标

Question

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

可以使用 8 个不同的“句柄”调整对象的大小:s,se,ne,n,nw,w,se我已经使用内置游标将光标设置在句柄上:s_resize、n_resize 等。

问题是当对象旋转时，调整大小光标不反射(reflect)调整大小 handle 的方向。

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

是否有一些使用 CSS 的方法来做到这一点？

我不想为每个 Angular 使用自定义光标图标...

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 .

如果这些足够好，恐怕您可能不得不使用自定义图像作为图标，例如:

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