CSS3 鼠標劃過特效是一種通過 CSS3 樣式實現的效果，可以讓用戶在瀏覽網頁時，感受到鼠標劃過的效果。這種特效可以讓網站更具交互性和吸引力，提升用戶體驗。

background-size: cover;

background-position: center center;

在這個例子中，使用 background-size 屬性將背景圖片設置為 cover，這意味著圖片將填滿整個背景。使用 background-position 屬性將圖片定位在中心位置，center 表示定位在水平中心和垂直中心。

background-size: cover;

background-position: center center;

@keyframeskeyframes_move {

0% {

transform: translate(0, 0);

100% {

transform: translate(0, 100px);

background-size: cover;

background-position: center center;

在這個例子中，使用 @keyframes 規則定義了一個動畫，當鼠標移動到邊緣時，背景圖片會縮小到原來的一半。使用 background-size 和 background-position 屬性，可以輕松地實現這種特效。

除了使用 CSS3 的樣式，還可以通過 JavaScript 實現鼠標點擊特效。例如，可以使用 JavaScript 實現當鼠標點擊某個元素時，背景圖片會改變樣式。這種特效可以讓網站更加生動有趣，提升用戶體驗。

CSS3 鼠標劃過特效是一種強大的樣式技術，可以讓網站更具交互性和吸引力。通過使用不同的樣式，可以實現各種特效，讓網站更加精彩。