CSS的按钮按下动画可以提升网页的交互体验，让页面更加生动有趣。下面介绍一个简单的CSS按钮按下动画。

/* 创建按钮 */.btn {display: inline-block;padding: 10px 20px;border: none;background-color: #3498db;color: #fff;font-size: 16px;cursor: pointer;outline: none;position: relative;}/* 鼠标按下时的动画 */.btn:active {top: 2px;left: 2px;}

以上代码中，我们创建了一个类名为btn的按钮，并为其设置了样式属性。其中padding属性控制了按钮内部的填充大小，border属性定义了按钮的边框，background-color属性设置了按钮的背景色， color属性控制了按钮内文字的颜色。这些属性可以根据需要进行调整。

接下来，我们为按钮设置了一个:active伪类，当用户点击按钮时，按钮会向下和向右移动2个像素，形成一种按下的效果。要实现这个效果，我们使用了top和left属性，使用相对定位position: relative。除了top和left属性，还可以使用其他CSS属性来实现更加丰富的按钮动画效果。

这就是一个简单的CSS按钮按下动画。当然，还可以使用JavaScript等其他技术扩展按钮的交互效果，使页面更加生动有趣。