Блог

Я использую пользовательский курсор (изображение в формате png) на веб-странице, используя атрибуты CSS курсора. Я хотел бы знать, могу ли я центрировать положение курсора (например, курсор перекрестия в Windows) и не использовать положение по умолчанию в верхнем левом углу.

Одним из решений будет скрыть курсор и создать div с пользовательским курсором, который будет следовать за положением курсора, но, возможно, у кого-то есть лучшее решение.

Если ваш курсор находится в .cur формате (только .cur и .ani поддерживается в IE), то какая бы программа вы ни использовали для создания .cur , вы можете установить точку доступа в заголовке.

Если вы используете любой другой тип изображения, CSS 3 позволяет x y задавать значения и для точки доступа:

 #myEl { cursor: url(mycursor.png) <x> <y>; } 
  

Поддерживается в:

• Firefox 1.5
• Safari 3
• Chrome 1

Ссылки

• http://www.w3.org/TR/css3-ui/#cursor
• https://developer.mozilla.org/en/Using_URL_values_for_the_cursor_property

Также вы можете создать свой собственный файл .cur, используя эту удивительную ссылку http://www.cursor.cc/ . Не только это, точка доступа также может быть определена и размещена здесь сама.