可以在图像光标上设置CSS图像渲染吗？

Question

这里有一个示例：https://minecraft.fandom.com/wiki/Minecraft_Wiki

光标模糊，设置图像渲染会更好：像素化，清晰等。

你能做到吗？

Here is a js fiddle

.test {
    background: gray;
    width: 200px;
    height: 200px;
    image-rendering: -moz-crisp-edges;
 cursor: url(https://vignette.wikia.nocookie.net/minecraft/images/e/e1/WikiSwordCursor.png), auto;
}

img {
image-rendering: -moz-crisp-edges;
}

Answer 1

img {
  cursor: url('https://vignette.wikia.nocookie.net/minecraft/images/e/e1/WikiSwordCursor.png'),auto;
}

<img src="https://vignette.wikia.nocookie.net/minecraft/images/8/8a/AdvancementsTwitter.png/revision/latest/scale-to-width-down/670?cb=20170609131906" alt="">

Answer 2

Css-Tricks示例：https://css-tricks.com/almanac/properties/i/image-rendering/