CSS鼠標經過鼠標顯示手是一種常用的CSS技巧，可以讓網頁中的元素隨著鼠標移動而顯示不同的效果。

這個技巧使用了一個叫做“過渡”的CSS屬性，它可以讓元素在鼠標移動時自適應變化。具體步驟如下：

1. 在HTML中添加一個<div>元素，并設置它的CSS屬性為：

div {

position: relative;

width: 100px;

height: 100px;

div:after {

content: "";

position: absolute;

top: 50%;

left: 50%;

transform: translate(-50%, -50%);

width: 0;

height: 0;

border-left: 50px solid transparent;

border-right: 50px solid transparent;

border-top: 100px solid green;

這個<div>元素將在鼠標經過時顯示手的形狀，并隨著鼠標的移動而變換位置。

2. 在CSS中定義<div>元素的寬度和高度，并設置其背景顏色為綠色。

3. 將<div>元素的定位屬性設置為“ relative”，使其自適應鼠標的移動。

4. 將“after”元素的定位屬性設置為“ absolute”，使其在鼠標經過時顯示手的形狀。

5. 設置“after”元素的寬度和高度為0，以使其在鼠標移動時不產生任何變化。

6. 設置“after”元素的背景顏色為透明，以使其在鼠標移動時隱藏。

7. 設置“after”元素在鼠標經過時的變換方式為“ translate(-50%, -50%)”，以使其隨著鼠標的移動而變換位置。

通過以上步驟，就可以實現一個讓網頁中的元素隨著鼠標移動而顯示不同的效果的CSS技巧。

這個技巧不僅可以用來美化網頁，還可以幫助開發人員更好地理解CSS的使用。如果想了解更多關于CSS的技巧和知識，可以訪問百度百科，了解更多相關內容。