2016-12-09 23 views
2

我玩弄自定義遊標,但每次嘗試它時,都會出現像素化,我製作了一個環形資產以顯示它有多糟糕。自定義CSS光標是像素化的

Here is the cursor image file.

cursor: url(https://s3-us-west-2.amazonaws.com/s.cdpn.io/272259/circle.png), auto; 

它的22px 178x22像素,有關默認光標的大小,但它確實呈現鋸齒狀。

這裏是一個codepen demo來說明這個錯誤。

任何想法?

謝謝

:)

+0

哪個瀏覽器?因爲在Chrome中它呈現得很好.. – Goombah

+0

在Chrome 57中看起來不錯。 – K48

+0

@Goombah我剛剛更新過,它仍然是參差不齊的,如果你能瘦到可以計算像素嗎?我仍然可以 –

回答

2

在IE和邊緣僅.cur文件的支持,看到https://msdn.microsoft.com/en-us/library/aa358795(v=vs.85).aspx。 (Edge支持其他格式,但不支持交互點定義。).cur文件允許您定義交互點。只需google「.cur editor」,然後選擇適合您的編輯器來創建.cur文件。

+0

這很酷,我現在只爲Chrome而建 –