最近再設計公司的官網,想說做個有趣的滑鼠游標,但照網路上的教學都設定失敗,後來摸索了一下,終於找到設定方法了!

image
一般都是教去這裡的style.css修改,但不論我怎麼改都失敗,但也有可能是使用Elementor模板的關係。

image
後來是到自訂>附加的CSS去加上語法,就設定成功。

image
語法如下:
body {
    cursor: url(請輸入圖片網址), auto;
}

a:hover {
    cursor: url(請輸入圖片網址),auto;
}

其中body是一般狀況下的滑鼠游標,而a:hover則是有連結時的滑鼠游標。

 

參考資源:
WordPress修改滑鼠指針 https://www.arefly.com/wordpress-mouse-cur/

arrow
arrow

    韋恩食記 發表在 痞客邦 留言(0) 人氣()