滑動門是指在網頁中實現按下鼠標時，相關區塊會有滑動動畫效果，一般應用在導航欄或者圖片切換等情況中。在css中，滑動門可以通過使用偽類和背景定位來實現。

/*定義按鈕背景位置*/
.btn {
background: url(../images/button_bg.png) no-repeat;
display: inline-block;
height: 30px;
line-height: 30px;
padding-left: 10px;
padding-right: 10px;
text-decoration: none;
color: #333;
}
/*定義按鈕背景圖位置*/
.btn:hover {
background-position: right top;
}
/*定義按鈕背景圖常規狀態位置*/
.btn:active {
background-position: left bottom;
}

以上代碼實現的是基礎的滑動門效果，當用戶鼠標移動到按鈕上方時，按鈕背景圖的位置會向右上角移動，當用戶按下鼠標時，按鈕背景圖會向左下角移動。

當然，按鈕的背景圖也可以是一個漸變色或者另一張圖片，只需要修改相應的背景值即可。同時，滑動的方向也可以根據需求進行改變。實現滑動門的方法靈活多樣，開發者可以根據自己的需求進行定制。