Поверните значок курсора мыши с помощью CSS

Question

У меня есть объект, который можно изменить и изменить.

Объект может быть изменен с 8 различными «ручками»: S, 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.

Если они достаточно хороши, я боюсь, что вы, вероятно, придется использовать собственные изображения в качестве значка, например:

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