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上，从而创建出多种风格的按钮。