CSS3 變小手

在 CSS3 中，我們可以對手形光標（通常用于鏈接）進行更多的控制，以及指定其他元素的光標。以下是一些 CSS3 光標屬性：

cursor: auto; /* 瀏覽器設置的光標（默認）*/
cursor: default; /* 默認光標*/
cursor: pointer; /* 在鏈接上時顯示手形光標*/
cursor: move; /* 移動光標*/
cursor: text; /* 文本光標*/
cursor: wait; /* 小時狀光標*/
cursor: help; /* 幫助光標*/
cursor: progress; /* 進度狀光標*/
cursor: not-allowed; /* 禁用光標*/

我們可以在 CSS3 中使用zoom屬性縮小我們的光標，使它更加細致精致。代碼如下：

a:hover {
zoom: 0.5;
}

以上代碼在我們鼠標懸停在鏈接上時，將鏈接中的光標縮小了一半。我們可以嘗試使用不同的縮放數字來達到不同大小的光標。請注意，為了確保兼容性，我們應該通過設置transform屬性來縮放光標：

a:hover {
-webkit-transform: scale(0.5);
-ms-transform: scale(0.5);
transform: scale(0.5);
}

最后還有一個提示，如果我們在擴展程序中自定義鼠標光標，那么我們還可以使用url屬性指定自定義光標的 URL：

body {
cursor: url('example.cur'), auto;
}

在上面的代碼中，光標會將默認光標設置為 example.cur 文件，如果找不到這個文件，則會回退到默認光標。