con trỏ đảo ngược trong CSS3

Question

Tôi có một ứng dụng web mà tôi cần con trỏ đến được đảo ngược horizontaly (lật từ phải sang trái) khi tôi lơ lửng một yếu tố như trong Microsoft Word hoặc Notepad ++:

Và tôi không tìm thấy nó trong danh sách con trỏ.

Tôi biết tôi có thể sử dụng này:

#reversedCursor:hover 
{ 
    cursor: url("pointer.png"), pointer; 
} 

Nhưng vị trí con trỏ sẽ nằm ở góc trên bên trái của hình ảnh, và tôi muốn nó ở góc trên bên phải.

Tôi không muốn điều gì khó thực hiện với việc thay đổi vị trí các yếu tố hoặc những thứ khác như thế.

Tổng hợp: có thể thay đổi con trỏ thành con trỏ bị đảo ngược hoặc có thể đặt vị trí con trỏ ở đâu đó trong hình ảnh con trỏ không? Nếu có, bạn có thể cho tôi một ví dụ không?

Tôi hy vọng bạn hiểu những gì tôi cần.

Answer 1

Bạn có thể xác định vị trí của con trỏ hotspot sử dụng css3:

cursor: [ <uri> [ <x> <y> ]? , ]* <system>; 

như vậy trong trường hợp một cái gì đó của bạn như:

cursor: url("pointer.png") 25 0, pointer;