CSS鼠標離開延遲是指鼠標離開某個元素后，該元素會在一定時間內保持原狀態，然后才會發生指定的動作。這種效果可以通過CSS3中的transition來實現。

首先，在CSS中給需要添加鼠標離開延遲效果的元素設置一個過渡時間：

.element {
transition: all 0.2s ease-in-out;
}

其中，all表示對所有css樣式屬性進行過渡，0.2s表示過渡時間為0.2秒，ease-in-out表示過渡效果為緩入緩出。

然后，再添加:hover偽類和:after偽元素實現延遲效果。具體代碼如下：

.element:hover {
/* 鼠標懸停時元素的狀態 */
transform: scale(1.2);
}
.element:after {
/* 延遲效果 */
content: '';
display: block;
position: absolute;
left: 0;
top: 0;
bottom: 0;
right: 0;
opacity: 0;
transition: opacity 0.2s ease-in-out;
}
.element:hover:after {
opacity: 1;
}

解析上述代碼：

當鼠標懸停在元素上時，使用transform屬性將元素放大至1.2倍的狀態。

:after偽元素并不會添加任何內容，它只是用來實現延遲效果。設置position為absolute，將它放在父元素的頂部，而opacity為0則表示透明。再設置過渡效果，讓它在0.2秒內慢慢變為完全不透明的狀態。

最后，在:hover和:after連接在一起時，只有在鼠標懸停且0.2秒后才會出現不透明的效果，這樣就實現了CSS鼠標離開延遲。