使用「等待/加載」光標作爲背景圖像

Question

所以我使用的是Chrome，我非常喜歡他們的'cursor：wait'風格。我懷疑這是可能的，但它可以作爲一個div的背景圖像，而不是懸停或鼠標在哪裏？或者是我唯一的選擇找到該文件並將其放置在本地？該文件看起來像是一個不同的文件格式，所以這會讓事情變得複雜。

Answer 1

它看起來像它使用的OS動畫（我收到了Windows的期待微調）

我不知道它很容易從什麼地方提取的，但你可以找到類似的東西，你可以使用，但是你從http://preloaders.net/

希望

Answer 2

這不是Chrome的光標。這取決於你的鼠標光標在Windows中的設置。 cursor: wait只是簡單地告訴瀏覽器將鼠標懸停在該元素上時應顯示哪個遊標。我的是這樣：

要使用類似的事情爲背景，你需要的圖片（可以是一個GIF或你可以用CSS動畫吧）和簡單的CSS。

.cursor-wait:hover { 
    background-image: url("image.png"); 
}