Как увеличить размер пользовательского изображения курсора?

Question

Я хочу увеличить размер изображения, используемого в качестве курсора.

В настоящее время я не могу поместить изображение больше 128 на 128.

Но я хочу поставить его с большим размером.

так как это сделать?

Я использую

cursor: url(hand.png), auto;

Answer 1

При необходимости вы можете комбинировать css + jQuery, даже если их объединение не всегда идеально:

Пример JSFiddle:

http://jsfiddle.net/n4Zbr/258/

Локальный пример:

$(function(){
  var $cursor = $('#huge-cursor');
  $(document).bind('mousemove',function(e){
    $cursor.css({
      left: e.clientX - 15,
      top:  e.clientY - 15,
    });
  });
});

body, html {
  width: 100%;
  height: 100%;
  margin:0; padding:0;
  cursor: url("data:image/gif;base64,R0lGODlhEAAQAMQAAORHHOVSKudfOulrSOp3WOyDZu6QdvCchPGolfO0o/XBs/fNwfjZ0frl3/zy7////wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH5BAkAABAALAAAAAAQABAAAAVVICSOZGlCQAosJ6mu7fiyZeKqNKToQGDsM8hBADgUXoGAiqhSvp5QAnQKGIgUhwFUYLCVDFCrKUE1lBavAViFIDlTImbKC5Gm2hB0SlBCBMQiB0UjIQA7"), auto;
}
#huge-cursor {
  position: fixed;
  border-radius: 10% 90% 50% 50% / 10% 50% 50% 90%;
  background: yellow;
  width: 200px; height: 200px;
  border: 4px solid pink;
}

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div id="huge-cursor"></div>
<br><br><br><br><br><br><br><br><br><br><br>LONG<br><br><br><br><br><br><br><br><br><br>CONTENT
<br><br><br><br><br><br><br><br><br><br><br>LONG<br><br><br><br><br><br><br><br><br><br>CONTENT
<br><br><br><br><br><br><br><br><br><br><br>LONG<br><br><br><br><br><br><br><br><br><br>CONTENT
<br><br><br><br><br><br><br><br><br><br><br>LONG<br><br><br><br><br><br><br><br><br><br>CONTENT
<br><br><br><br><br><br><br><br><br><br><br>LONG<br><br><br><br><br><br><br><br><br><br>CONTENT

Answer 2

Вы можете использовать CSS (или JavaScript), чтобы скрыть «настоящий» курсор. Затем создайте div с фоном и размером нового курсора, который будет перемещаться туда, где находится «настоящий» скрытый курсор при каждом перемещении мыши. По сути, это будет выглядеть как настоящий курсор, но недостатком этого является то, что я не думаю, что свойство CSS скрытого курсора работает в браузере Opera. Если вы заинтересованы в этом методе, дайте мне знать, я опубликую его, как только я рядом с компьютером (не на iPad)

Answer 3

с CSS?Я боюсь, что это не может быть сделано.Я думаю, что вы должны попробовать использовать какое-то программное обеспечение, которое может редактировать файл значков и изменять его размер.