鼠標移開時的css效果常常被用于改變觸發元素的樣式，比如鼠標放上去時的背景色、文字顏色等等。當鼠標移開時，我們可以通過css來改變元素的樣式，讓網頁更加美觀。

.trigger:hover {
background-color: #fff;
color: blue;
}
.trigger {
background-color: blue;
color: #fff;
}

在上面的代碼段中，我們創建了一個元素"trigger"，在鼠標懸停時，我們改變了背景色和文字顏色。當鼠標移開時，我們要改回原有的樣式。通過以上css代碼，我們給"trigger"設置了一些基本樣式，在鼠標移入時，動態地改變了背景色和文字顏色，在鼠標移開時又恢復了原有樣式。

當我們需要改變多個元素的樣式時，我們可以使用類選擇器或者ID選擇器，或者使用JavaScript來處理鼠標事件，動態地添加或者移除類。

.trigger:hover {
background-color: #fff;
color: blue;
}
.trigger {
background-color: blue;
color: #fff;
}
.another-trigger:hover {}
.another-trigger {}

在上面的代碼中，我們給多個元素定義了類選擇器，當這些元素被鼠標移入時，類選擇器的css樣式會生效，當鼠標移出時，樣式就會恢復原有樣式。