CSS按鈕式滑動模板是一種非常常見的網頁設計元素，可以使頁面更加動態、美觀。下面是一個簡單的CSS按鈕式滑動模板示例：

.button {
width: 100px;
height: 40px;
cursor: pointer;
background-color: grey;
border: none;
border-radius: 20px;
}
.button:hover {
background-color: blue;
color: white;
transition: all 0.5s ease;
transform: translateX(10px);
}

上述CSS代碼中，我們定義了一個button類，它的寬度為100px，高度為40px，不具有邊框，背景顏色為灰色，采用20px的圓角邊框。當鼠標懸浮在按鈕上時，它的顏色變為藍色，字體顏色為白色。在0.5秒內，采用 ease 動畫曲線，將按鈕從原位置平移 10px。

可以看到，通過嵌套button類和:hover方式，我們可以輕松地生成一個簡單的CSS按鈕式滑動模板。在實際使用中，我們可以通過將此模板應用到不同的類或ID上，從而創建出多種風格的按鈕。